페이징 처리 수정

src/main/webapp/resources/js/base/base.js

@@ -630,14 +630,23 @@ $.fn.setPaging = function(config) {
 	config.next = function(index, label) {return '<li onclick="{func}" class="page-item next"><a class="page-link"><i class="tf-icon bx bx-chevron-right"></i></a></li>'.replace(/{func}/, config.func.replace(/{index}/, label));};
 	config.last = function(index, label) {return '<li onclick="{func}" class="page-item last"><a class="page-link"><i class="tf-icon bx bx-chevrons-right"></i></a></li>'.replace(/{func}/, config.func.replace(/{index}/, label));};
 	
+	let containers = config.containers || [];
+	if ("string" == typeof containers)
+		containers = containers.split(",");
+		
+	let byID = "#" + config.prefix + "PagingInfo",
+		byName = "[name='" + config.prefix + "PagingInfo']"
+		selector = (containers.length < 1 ?
+			[byID, byName] :
+			containers.map(container => container + " " + byID + "," + container + " " + byName)
+			).join(",");
 	
 	return this.each(function(){
 		let length = config.list ? config.list.length : config.dataSize || config.dataLength,
 			empty = length < 1,
 			start = empty ? 0 : !config.added ? config.start + 1 : 1,
 			end = empty ? 0 : config.start + length,
-			pagingInfo = empty ? "" : start + " ~ " + numberFormat.format(end) + " / " + numberFormat.format(config.totalSize),
-			selector = "#"+ config.prefix + "PagingInfo,[name='" + config.prefix + "PagingInfo']";
+			pagingInfo = empty ? "" : start + " ~ " + numberFormat.format(end) + " / " + numberFormat.format(config.totalSize);
 
 		$(selector).html(pagingInfo);
 
@@ -653,14 +662,24 @@ $.fn.setPaging = function(config) {
 }
 
 $.fn.setPagingInfo = function(config) {
+	let containers = config.containers || [];
+	if ("string" == typeof containers)
+		containers = containers.split(",");
+		
+	let	byID = "#" + config.prefix + "PagingInfo",
+		byName = "[name='" + config.prefix + "PagingInfo']"
+		selector = (containers.length < 1 ?
+			[byID, byName] :
+			containers.map(container => container + " " + byID + "," + container + " " + byName)
+			).join(",");
+
 	return this.each(function(){
 		let length = config.list ? config.list.length : config.dataLength,
 			empty = length < 1,
 			pagingInfo = empty ? "" : 1
 			  + " ~ "
 			  + numberFormat.format(length)
-			  + " / " + numberFormat.format(config.totalSize),
-			selector = "#"+ config.prefix + "PagingInfo,[name='" + config.prefix + "PagingInfo']";
+			  + " / " + numberFormat.format(config.totalSize);
 
 		$(selector).html(pagingInfo);
 	});

src/main/webapp/resources/js/base/dataset-support.js

@@ -398,7 +398,7 @@ class PagingSupport extends DatasetSupport {
 
 		this.prefix = conf.ctrl.prefix;
 		this.sizeOffset = conf.sizeOffset || 0;
-
+		
 		this.linkContainer = conf.linkContainer;
 		this.func = conf.func;
 		
@@ -416,6 +416,7 @@ class PagingSupport extends DatasetSupport {
 		if (this.linkContainer) {
 			pagination.func = this.func;
 			pagination.added = option.added;
+			pagination.containers = this.doq.containers;
 			$(this.doq.selector(this.linkContainer)).setPaging(pagination);
 		}
 	}

src/main/webapp/resources/js/base/dataset.js

@@ -1504,6 +1504,10 @@ class DatasetControl {
 		};
 	}
 	
+	get doctx() {
+		return this.doq.containers;
+	}
+	
 	prefixed(str) {
 		return (this.prefix || "") + str;
 	}