https://kmas.or.kr/htmlService/Js/common/common_page.js;jsessionid=02D2BDFBED1049A519687D64AD96211B?v=30

1function fnPagination(id, pageIndex, pageSize, total, url, sPage){
2
3	var frm = document.frm;	
4   	
5       $("#"+id).pagination({
6           pageIndex: parseInt(pageIndex)-1,
7           pageSize: pageSize,
8           total: total,
9           debug: true,
10           showInfo: true,
11           showJump: false,
12           showPageSizes: sPage
13       });
14
15     $("#"+id).on("pageClicked", function (event, data) {
16		
17		$("#pageIndex").val(parseInt(data.pageIndex)+1);
18
19		frm.target = "_self";
20		frm.action = url;
21		frm.submit();
22		
23     }).on('pageSizeChanged', function (event, data) {
24		
25		$("#pageIndex").val("1");
26		$("#recordCountPerPage").val(data.pageSize);
27		
28		frm.target = "_self";
29		frm.action = url;
30		frm.submit();
31     });
32}
33
34
35function fnSubPagination(id, pageIndex, pageSize, total, url, sPage){
36
37	var frm = document.frm;	
38   	
39       $("#"+id).pagination({
40           pageIndex: parseInt(pageIndex)-1,
41           pageSize: pageSize,
42           total: total,
43           debug: true,
44           showInfo: true,
45           showJump: false,
46           showPageSizes: sPage
47       });
48
49     $("#"+id).on("pageClicked", function (event, data) {
50		
51		$("#pageSubIndex").val(parseInt(data.pageIndex)+1);
52
53		frm.target = "_self";
54		frm.action = url;
55		frm.submit();
56		
57     }).on('pageSizeChanged', function (event, data) {
58		
59		$("#pageSubIndex").val("1");
60		$("#recordSubCountPerPage").val(data.pageSize);
61		
62		frm.target = "_self";
63		frm.action = url;
64		frm.submit();
65     });
66}
67
68/**
69 * 기존 페이징과 동일하느 form 객체마다 적용할수 있도록 formId 변수 및 ajaxCallYn 추가 가 추가된 버전
70 * @param id
71 * @param pageIndex
72 * @param pageSize
73 * @param total
74 * @param url
75 * @param sPage
76 * @param formId : form 객체 ID 값, 없는 경우 frm
77 *         -> formId 사용 pageIndex 및 recordCountPerPage input 의 id는 _formId 로 선언 
78 * @param ajaxCallYn : Y인 경우 ajax 콜
79 * @param callback : ajax call 호출후 callback 받을 function 처리
80 * @author 문지훈 2021-07-22 추가 
81 * @returns 
82 */
83var INIT_FLAG = true;
84function fnComPagination(id, pageIndex, pageSize, total, url, sPage, formId, ajaxCallYn, callback){	
85	
86	var frm;
87	var pageIndexId = "pageIndex";
88	var recordCountPerPageId = "recordCountPerPage";
89	
90	if(formId) {
91		frm = $('#'+formId);	
92		pageIndexId = "pageIndex_"+formId;
93		recordCountPerPageId = "recordCountPerPage_"+formId;
94	} else {
95		frm = document.frm;	
96	}
97	
98	if(!formId) {
99		formId = "frm";
100	}
101	
102	if($("#"+id).pagination() && ajaxCallYn == "Y") {	
103		var page = $("#"+id).pagination();			
104		page.setPageIndex(parseInt(pageIndex)-1);
105		page.render(total);		
106	} else {
107		$("#"+id).pagination({
108		       pageIndex: parseInt(pageIndex)-1,
109		       pageSize: pageSize,
110		       total: total,
111		       debug: false,
112		       showInfo: true,
113		       showJump: false,
114		       showPageSizes: sPage
115			});    
116	}
117		
118	// 이벤트는 최초 한번만 생성
119	if(INIT_FLAG) {
120		INIT_FLAG = false;			
121		$("#"+id).on("pageClicked", function (event, data) {		
122			$("#"+pageIndexId).val(parseInt(data.pageIndex)+1);
123			if(ajaxCallYn && ajaxCallYn == 'Y') {
124				pageClicAndChangeAjaxCall(formId, url, callback);
125			} else {
126				pageClicAndChangeSubmit(frm, url);
127			}
128		}).on('pageSizeChanged', function (event, data) {					
129			$("#"+pageIndexId).val("1");
130			$("#"+recordCountPerPageId).val(data.pageSize);
131			
132			if(ajaxCallYn && ajaxCallYn == 'Y') {			
133				pageClicAndChangeAjaxCall(formId, url, callback);
134			} else {
135				pageClicAndChangeSubmit(frm, url);
136			}
137	     });  
138	}
139	
140}
141
142/**
143 * 페이지 클릭, 페이징 이동 이벤튼 form submit 처리
144 * @param data 
145 * @param frm
146 * @returns form submit
147 */
148function pageClicAndChangeSubmit(frm, url) {
149
150	frm.target = "_self";
151	frm.action = url;
152	frm.submit();
153}
154
155/**
156 * 페이지 클릭, 페이징 이동 이벤튼 ajax call 처리
157 * @param pageIndex 
158 * @param frm
159 * @returns ajax call
160 */
161function pageClicAndChangeAjaxCall(frm, url, callBack) {		
162	
163	$.ajax({

164		async : false,
165		type: 'POST',
166		url: url,
167		data : $("#"+frm).serialize(),
168		dataType:"json",
169		success : function (data) {			
170			if(!isEmpty(data.vaildErrorMsg)) {
171				if(!isEmpty(data.vaildErrorFileId)) {
172                    $("#"+data.vaildErrorFileId).focus();
173                }
174				
175				alert(data.vaildErrorMsg);
176				
177				if(data.vaildErrorFileId == "ERR001") {
178					fnBackLogin();
179				}
180				
181				return false ;
182			}
183			
184			if(callBack != null && callBack != "") {
185				window[callBack](data);				
186			} 
187			
188		}, 
189		error: function(data, textStatus, errorThrown) {			
190			alert("서버에 통신 중에 에러가 발생하였습니다.");
191			return false;
192		}
193	});
194}