ToastUI Grid Pagination 질문

Question

var grid &#61; new tui.Grid({ el: document.getElementById(&#34;grid&#34;), data: { api: { readData: { url: '/recruit/readData', method: 'GET'} } }, scrollX: false, scrollY: false, pageOptions: { perPage: 10 }, pagination: true, columns: [ { header: '제목', name: 'title', sortable: true }, { header: '회사명', name: 'company', sortable: true }, { header: '지역', name: 'region', sortable: true }, { header: '직무', name: 'job', sortable: true }, { header: '기업형태', name: 'cotype', sortable: true }, { header: '고용형태', name: 'emptype', sortable: true }, { header: '연봉', name: 'salary', sortable: true }, { header: '마감일', name: 'd_date', sortable: true } ] }); 안녕하세요. Toast UI Grid로 Pagination을 구현중인데 문제가 생겨서 질문합니다.Javascript 코드는 위와 같고, 정상적으로 json으로 서버에서 데이터가 넘어와서 그리드에 데이터가 출력됩니다.그런데 페이징 기능이 정상적으로 작동하지 않아서 문제입니다. DB에 있는 채용정보의 값들을 select 해서 뿌려주려고 하는데서버에서 select할 때 전체 레코드를 select 하면 Toast UI가 알아서 페이징해주는건지,아니면 제가 10개씩 구분해서 가져와야 하는지가 궁금합니다. 제가 자체적으로 java 코드로 페이징해서 10건의 채용정보를 select 하면tui grid 에는 딱 10개만 찍히고 하단에 페이지도 1밖에 출력되지 않습니다. 그래서 페이징없이 전체 레코드(100개라고 가정)를 select 하면tui grid 에는 페이지가 정상적으로 찍히지만 각 페이지마다 동일한 데이터가 전체 레코드(100건) 찍힙니다.어떻게 해야할까요? 이리저리 검색해봐도 해결이 되지 않아 질문합니다.

혹등혹등 · Answer

totalCount 를 혼동했네요 ㅎㅎ..

ToastUI Grid Pagination 질문

1개의 답변

#toast 목록