DB 에서 빼오는 주문 내역들을 리스트화 및 검색기능 할때 사용하기 좋은 JS라이브러리
본문
안녕하세요
영카트 를 그대로 사용하며
예를 들면
영카트 관리자에서 주문내역 확인에서
검색 기능과 갖가지 옵션들을 체크하여 검색하는 (주문 상태 라든지, 미수금, 반품, 품절 등등)
기능을 가지며
https://deuxhuithuit.github.io/quicksearch/r/examples/super_table.html
예를 들면 위와 같은 빠른 검색기능을 가진 테이블이나, 그리드 형태의 것을 만들고 싶은데요
AJAX 로 로딩하는 것보단 JS라이브러리 를 이용하는 것이 더 좋을 것같아서
(DB에서 뽑아낼 내용이 한정적이고, 대략 20000건 내외이기 때문이라고 저는 생각 합니다)
그래서 JS라이브러리 같은 것을 잘 모르고
여기 계신 분들은 방대한 지식을 가지고 계신 분들이 많으니
이에 적합한 혹은 사람들이 이러한 내용에 맞는 라이브러리중 추천하는 라이브러리가 있는지
(참고로 이런 것을 라이브러리 하고 표현해야 하는지도 잘 모르겠습니다)
그래서 글을 올리게 되었습니다.
감사합니다!
답변 2
개인적인 의견인데 jquery로 2만건을 전부 한화면에 뽑아내는건 응답속도가 마음에 들정도로 빠르지 않을수 있습니다.
scroll을 이용한 ajax인듯싶네요.
우선 답변 감사드립니다.
한페이지에 모든 내용이 나오지 않아도 되는데요
중요한 것이 옵션박스들을 기용한 퀵서치 기능(?) 입니다.
페이지에 들어서면 먼저 DB에서 json으로 자료를 받아서(?)
그것을 모두 뿌리는 것이 아니고 처음화면에는 100건 정도만 뿌려놓은 다음
검색을 하면 자동으로 (오토컴플릿과 같이) 검색 된 내용만 남도록 할 예정인데요
https://www.w3schools.com/howto/howto_js_filter_lists.asp
위와같이 jquery를 이용해서 DB를 검색식에 맞게 소트하는 방식인것같네요.
크게 어렵진않아 보입니다.
다만 2만건을 한꺼번에 다 받을때 응답시간이 조금은 걸릴거 같다는얘기였습니다.