보고문서관리 메인 페이징처리방식 변경(무한스크롤 -> 페이지네이션)

src/main/webapp/WEB-INF/jsp/adds/nims/dsuseDoc-main.jsp

@@ -78,7 +78,7 @@
 </div>
 
 <!-- DataTables(그리드) -->
-				<div class="card-datatable text-nowrap">
+<div class="card-datatable text-nowrap">
 	<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
 		<div class="table-responsive ox-scroll oy-scroll h-px-500" id="table-responsive--${pageName}">
 			<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
@@ -128,12 +128,12 @@
 			</table>
 		</div>
 	</div>
-				</div>
-				<!-- / DataTables(그리드) -->
+</div>
+<!-- / DataTables(그리드) -->
 
 <div class="d-flex flex-row p-3 justify-content-between">
-    <label id="userPagingInfo" class="dataTables_info" role="status" aria-live="polite">1 ~ 2 / 2</label>
-    <ul id="userPaging" class="pagination pagination-primary" style="display: none;">
+    <label id="${infoPrefix}Paging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
+    <ul id="${infoPrefix}Paging--${pageName}" class="pagination pagination-primary" style="display: none;">
     </ul>
 </div>
 
@@ -186,9 +186,9 @@
 		$P.control.onDatasetChange = (obj) => {
 			$P.renderList(obj.${infoPrefix}Total);
 			
-			$("#paging--${pageName}").setPaging({
+			$("#${infoPrefix}Paging--${pageName}").setPaging({
 				  list: $P.control.dataset
-				, prefix: "paging--${pageName}"
+				, prefix: "${infoPrefix}Paging--${pageName}"
 				, start: obj.${infoPrefix}Start
 				, totalSize: obj.${infoPrefix}Total
 				, fetchSize: obj.${infoPrefix}Fetch
@@ -253,10 +253,7 @@
 			let trs = empty ? [document.getElementById("${infoPrefix}NotFound--${pageName}").content.outerHTML]
 							: ${infoPrefix}List.inStrings(foundTr.outerHTML, replacer);
 
-			let noMore = (totalSize == ${infoPrefix}List.length);
-			let initScroll = ($P.control.query.pageNum < 2) && ($P.control.untilPageNum == 0);
-
-			$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
+			$("#tbody--${pageName}").html(trs.join());
 
 		    if ($P.control.untilPageNum != 0) {
 		    	$P.control.query.fetchSize = $P.control.defaultFetchSize;
@@ -266,12 +263,6 @@
 
 		}
 
-		// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
-		$P.scrollDataList = () => {
-			$P.control.tableRenderComplete = false;								// dataTables 에 자료 추가 false
-
-			$P.control.load($P.control.query.pageNum + 1);
-		}
 
 		$P.control.getBsshInfo = (gdccId) => {
 			let dialogTitle = "마약류 취급자 조회";
@@ -408,8 +399,6 @@
 			// DataTables width 변경 조정 (업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고)
 			fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
 
-			// DataTables 스크롤 이벤트 생성
-			fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
 		}
 
 		// 초기 화면 설정