재부과 그리드 테스트, 기초 틀 잡는중...

src/main/java/go/kr/project/levy/levyRelevy/controller/LevyRelevyController.java

@@ -116,8 +116,8 @@ public class LevyRelevyController {
         int totalCount = service.selectListTotalCount(paramVO);
         paramVO.setTotalCount(totalCount);
 
-        // 페이징 처리를 위한 설정
-        paramVO.setPagingYn("Y");
+        // 페이징 처리를 위한 설정, 페이징 처리 안함
+        //paramVO.setPagingYn("Y");
 
         // 페이징 처리된 재부과 대상 목록 조회
         List<LevyRelevyVO> list = service.selectList(paramVO);

src/main/webapp/WEB-INF/views/levy/levyRelevy/list.jsp

@@ -117,12 +117,6 @@ tb_crdn.RELEVY_TRGT_CRDN_NO:재부과 대상 단속 번호,자신의 바로 위
                             <li class="tit">단속 목록</li>
                             <li class="rig">
                                 <span id="totalCount" class="total-count" style="padding-left: 25px;padding-right: 25px;">총 0건</span>
-                                <select id="perPageSelect" class="input" style="width: 112px; ">
-                                    <option value="15">페이지당 15</option>
-                                    <option value="50">페이지당 50</option>
-                                    <option value="100">페이지당 100</option>
-                                </select>
-                                <span class="page_number"><span id="currentPage"></span><span class="bar">/</span><span id="totalPages"></span> Pages</span>
                             </li>
                         </ul>
                         <div class="containers">
@@ -158,13 +152,6 @@ tb_crdn.RELEVY_TRGT_CRDN_NO:재부과 대상 단속 번호,자신의 바로 위
         'use strict';
 
         var SEARCH_COND = {};
-        
-        // 페이징 정보를 저장할 전역 변수
-        var GRID_PAGINATION_INFO = {
-            totalCount: 0,
-            page: 0,
-            perPage: 0
-        };
 
         // 검색정보 설정
         var setSearchCond = function() {
@@ -215,7 +202,7 @@ tb_crdn.RELEVY_TRGT_CRDN_NO:재부과 대상 단속 번호,자신의 바로 위
                     var dataSource = this.createDataSource();
 
                     // 현재 선택된 perPage 값 가져오기
-                    var perPage = parseInt($('#perPageSelect').val() || 15, 10);
+                    var perPage = parseInt($('#perPageSelect').val() || 10, 10);
 
                     // 그리드 설정 객체 생성
                     var gridConfig = new XitTuiGridConfig();
@@ -223,16 +210,13 @@ tb_crdn.RELEVY_TRGT_CRDN_NO:재부과 대상 단속 번호,자신의 바로 위
                     // 기본 설정
                     gridConfig.setOptDataSource(dataSource);            // 데이터소스 연결
                     gridConfig.setOptGridId('grid');                    // 그리드를 출력할 Element ID
-                    gridConfig.setOptGridHeight(470);                   // 그리드 높이(단위: px)
+                    gridConfig.setOptGridHeight(290);                   // 그리드 높이(단위: px)
                     gridConfig.setOptRowHeight(30);                     // 그리드 행 높이(단위: px)
-                    gridConfig.setOptRowHeaderType('');                 // 행 첫번째 셀 타입 비활성화 (라디오 버튼을 컬럼으로 구현)
-                    gridConfig.setOptUseClientSort(false);               // 서버사이드 정렬 false
+                    gridConfig.setOptRowHeaderType('checkbox');         // 행 첫번째 셀 타입
+                    gridConfig.setOptUseClientSort(true);               // 서버사이드 정렬 false
 
                     // 페이징 옵션 설정
-                    gridConfig.setOptPageOptions({
-                        useClient: false,                               // 클라이언트 페이징 여부(false: 서버 페이징)
-                        perPage: perPage                                // 페이지당 표시 건수
-                    });
+                    gridConfig.setOptPageOptions({});
                     gridConfig.setOptColumns(this.getGridColumns());
 
                     return gridConfig;
@@ -252,13 +236,7 @@ tb_crdn.RELEVY_TRGT_CRDN_NO:재부과 대상 단속 번호,자신의 바로 위
                             width: 60,
                             sortable: false,
                             formatter: function(e) {
-                                // 서버사이드 페이징에서 역순 번호 계산
-                                // totalCount - (현재페이지-1) * 페이지당항목수 - 현재행인덱스
-                                var totalCount = GRID_PAGINATION_INFO.totalCount;
-                                var page = GRID_PAGINATION_INFO.page;
-                                var perPage = GRID_PAGINATION_INFO.perPage;
-                                var rowIndex = e.row.rowKey;
-                                return totalCount - (page - 1) * perPage - rowIndex;
+                                return XitReverseRowNumberRenderer.format(LevyRelevyList.grid.instance.getData().length, e);
                             }
                         },
                         { header: '단속년도', name: 'crdnYr', align: 'center', width: 80, sortingType: 'desc' },
@@ -392,8 +370,6 @@ tb_crdn.RELEVY_TRGT_CRDN_NO:재부과 대상 단속 번호,자신의 바로 위
                         initialRequest: false,                           // 초기 데이터 요청 여부
                         serializer: function(params) {
                             setSearchCond();
-                            SEARCH_COND.perPage = params.perPage;
-                            SEARCH_COND.page = params.page;
                             return $.param(SEARCH_COND);
                         }
                     };
@@ -423,17 +399,9 @@ tb_crdn.RELEVY_TRGT_CRDN_NO:재부과 대상 단속 번호,자신의 바로 위
                     this.instance.on('successResponse', function(ev) {
                         var responseObj = JSON.parse(ev.xhr.response);
                         if( responseObj ){
-                            $("#currentPage").text(responseObj.data.pagination.page);
-                            $("#totalPages").text(responseObj.data.pagination.totalPages);
-                            var totalCount = responseObj.data.pagination.totalCount;
+                            var totalCount = responseObj.data.contents.length;
                             $("#totalCount").text('총 ' + totalCount.toLocaleString() + '건');
-                            
-                            // 페이징 정보를 전역 변수에 저장 (formatter에서 사용하기 위해)
-                            GRID_PAGINATION_INFO.totalCount = responseObj.data.pagination.totalCount;
-                            GRID_PAGINATION_INFO.page = responseObj.data.pagination.page;
-                            GRID_PAGINATION_INFO.perPage = responseObj.data.pagination.perPage;
                         }
-
                         // 선택된 행 초기화
                         LevyRelevyList.selectedRow = null;
                     });