datatables paging처리 시 하단 number버튼 관련 문의

Question

datatables라이브러리를 사용하여 페이지에 목록을 뿌려줬습니다.server side를 true로 설정하여 필요한 데이터만 불러오는 것도 성공하였습니다.그런데 페이지 매김 버튼이 데이터와 상관없이 무한대로 자꾸 존재하는데 아무리 찾아보고 수정해도계속 그대로입니다.... server side관련 문제인것인지....이런식으로 처리합니다.function channelGridLoad() { var gridId = '#channelGrid'; holdOnEve.on(); $("#channelGrid").DataTable({ sPaginationType: "full_numbers", iDisplayLength: 30, recordsTotal : 2, draw: 1, autoWidth: true, // Column Auto Width scrollY: autoResize, // Grid Height processing: true, // 로딩표시 활성화 여부 serverSide: true, // 쿼리를 통한 페이징 처리 활성화 여부 searching: true, // 텍스트 검색 활성화 여부 info: true, // 조회 건 수 표시 여부 bLengthChange: true, // 출력할 Row 설정 여부 lengthMenu: [[30, 60, -1], [30, 60, 90]], // 출력할 Row 설정 범위 dom: 'rt<"bottom"flip><"clear">', // 화면 그리는순서 설정 (css영향을 받으니 고정으로 사용할 것) sAjaxSource : contextPath + "/selectGridData.do?mapperName=channel.selectChannel", sServerMethod: "POST", /* ajax: { url: contextPath + "/selectGridData.do?mapperName=channel.selectChannel", type: "POST", dataType: "JSON", contentType: "application/json; charset=UTF-8", dataSrc: "rows" }, */ initComplete: function(settings, json) { // ajax 완료 후 gridAutoResize(); channelGridEve("#channelGrid"); }, columns: [ {title: '', width: "35px", className: 'dt-body-center', render: function (data, type, recordsTotal , meta) { return ''; } }, {title: "", data: "server_code", className: 'dt-center', defaultContent: ""}, {title: "", data: "vpm_num", className: 'dt-center', defaultContent: ""}, {title: "ID", data: "agent_id", className: 'dt-center', defaultContent: ""}, {title: "IP", data: "ipm_agent_ip", className: 'dt-center', defaultContent: ""}, {title: "", data: "rec_start", className: 'dt-center', defaultContent: ""}, {title: "", data: "rec_end", className: 'dt-center', defaultContent: ""}, {title: "", data: "tel_num", className: 'dt-center', defaultContent: ""}, {title: "", data: "vpm_status", className: 'dt-center', defaultContent: "", render: function(data, type, full, meta) { if(data == '0'){ return ''; }else if(data == '2'){ return ''; } }}, {title: "", data: "memo", className: 'dt-center', defaultContent: ""}, {title: "", data: "rec_filename", className: 'dt-center', defaultContent: ""}, {title: "", defaultContent: "", className: 'dt-center'} ], }); holdOnEve.off(); }ajax로 통신을 보내면 @RequestMapping(value="/selectGridData.do", method={RequestMethod.GET,RequestMethod.POST}, produces="application/json; charset=utf8") public @ResponseBody void selectGridData(HttpServletRequest request, HttpServletResponse response, Map map) { UserVO userInfo = SessionManager.getUserInfo(request); try { if(userInfo != null) { // 세션에 계정정보가 있을 경우 실행 PrintWriter jsonOut = null; @SuppressWarnings("unchecked") Map paramMap = request.getParameterMap(); HashMap resMap = new HashMap(); String mapperName = request.getParameter("mapperName"); for (String key : paramMap.keySet()) { Object value = ((Object[]) paramMap.get(key))[0]; map.put(key, value); } if(request.getParameter("iDisplayStart") != null) { map.put("startSize", Integer.parseInt(request.getParameter("iDisplayStart"))); map.put("langthSize", Integer.parseInt(request.getParameter("iDisplayLength"))); map.put("iDisplayLength", -1); log.debug("Map : " + map); List> selectGridData = commonService.selectMap(mapperName, map); resMap.put("data", selectGridData); } else { List> selectGridData = commonService.selectMap(mapperName, map); resMap.put("rows", selectGridData); } jsonOut = response.getWriter(); jsonOut.write(JsonUtil.HashMapToJson(resMap).toString()); jsonOut.flush(); jsonOut.close(); } } catch(Exception e) { log.error("Exception : Grid Data SELECT Fail : " + e); return; } }컨트롤러에서 받은 후 데이터베이스에서 데이터를 빼오는 식입니다. 다 됩니다 페이지매김 버튼만안되니 참 어렵네요... 조언부탁드리겠습니다!!

datatables paging처리 시 하단 number버튼 관련 문의

0개의 답변

Q&A 목록