ninegrid2 6.142.0 → 6.144.0

package/dist/bundle.cjs.js

@@ -17866,7 +17866,7 @@ class ngFields
 }
 
 /**
- * button.filterDatas = [{
+ * button.filterOptions = [{
  * 	colnm: "userId",
  *  data: [],
  * }]
@@ -17891,7 +17891,7 @@ class ngFiltering
 		this.#isFiltering = false;
 		this.#owner.data.clearFilter();
 
-		this.#on();
+		//this.#on();
 	};
 	
 	isFiltering = () => {
@@ -18017,45 +18017,31 @@ class ngFiltering
 		return index;
 	};
 	
-	#on_bak = () => {
-
-		this.#isFiltering = true;
-		
-		const lastRowIndex = this.#getLastRowIndex();
-		
-		this.#owner.body.querySelectorAll(".ng-table thead th,.ng-table thead td").forEach((el) => {
-
-			if (el.closest("tr").sectionRowIndex + el.rowSpan - 1 === lastRowIndex) {
-
-				var colnms = [];
-				$(this.#owner.template).find(`[data-col=${el.dataset.col}]`).each((index,el) => {
-					if (el.dataset.bind) colnms.push(el.dataset.bind);
-				});
-				if (colnms.length != 0) {
-					$(el).append($(`<ng-filter-button></ng-filter-button`));
-					el.querySelector("ng-filter-button").colnms = colnms;
-				}
-			}
-			//console.log(el.querySelector("ng-filter-button").colnms);
-		});
-	};
+	
 	#on = () => {
 		this.#isFiltering = true;
 
 		const lastRowIndex = this.#getLastRowIndex();
 
-		this.#owner.body.querySelectorAll(".ng-table thead th, .ng-table thead td").forEach((el) => {
-			if (el.closest("tr").sectionRowIndex + el.rowSpan - 1 === lastRowIndex) {
-				let colnms = [];
-				
-				this.#owner.activeTmpl.querySelectorAll(`[data-col="${el.dataset.col}"]`).forEach((elem) => {
-					if (elem.dataset.bind) colnms.push(elem.dataset.bind);
+		this.#owner.body.querySelectorAll(".ng-table thead th, .ng-table thead td").forEach((td) => {
+			if (td.closest("tr").sectionRowIndex + td.rowSpan - 1 === lastRowIndex) {
+				//let colnms = [];
+				const options = [];
+				this.#owner.activeTmpl.querySelectorAll(`[data-col="${td.dataset.col}"]`).forEach((el) => {
+					if (el.dataset.bind) {
+						options.push({
+							colnm: elem.dataset.bind,
+							data: [],
+						});
+					}
 				});
 
-				if (colnms.length !== 0) {
+				if (data.length > 0) {
 					const filterButton = document.createElement("ng-filter-button"); // ✅ `ng-filter-button` 생성
 					el.appendChild(filterButton);
-					filterButton.colnms = colnms; // ✅ 속성 설정
+					filterButton.filterOptions = options; // ✅ 속성 설정
+
+					console.log(filterButton, filterButton.filterOptions);
 				}
 			}
 		});

package/dist/bundle.esm.js

@@ -17864,7 +17864,7 @@ class ngFields
 }
 
 /**
- * button.filterDatas = [{
+ * button.filterOptions = [{
  * 	colnm: "userId",
  *  data: [],
  * }]
@@ -17889,7 +17889,7 @@ class ngFiltering
 		this.#isFiltering = false;
 		this.#owner.data.clearFilter();
 
-		this.#on();
+		//this.#on();
 	};
 	
 	isFiltering = () => {
@@ -18015,45 +18015,31 @@ class ngFiltering
 		return index;
 	};
 	
-	#on_bak = () => {
-
-		this.#isFiltering = true;
-		
-		const lastRowIndex = this.#getLastRowIndex();
-		
-		this.#owner.body.querySelectorAll(".ng-table thead th,.ng-table thead td").forEach((el) => {
-
-			if (el.closest("tr").sectionRowIndex + el.rowSpan - 1 === lastRowIndex) {
-
-				var colnms = [];
-				$(this.#owner.template).find(`[data-col=${el.dataset.col}]`).each((index,el) => {
-					if (el.dataset.bind) colnms.push(el.dataset.bind);
-				});
-				if (colnms.length != 0) {
-					$(el).append($(`<ng-filter-button></ng-filter-button`));
-					el.querySelector("ng-filter-button").colnms = colnms;
-				}
-			}
-			//console.log(el.querySelector("ng-filter-button").colnms);
-		});
-	};
+	
 	#on = () => {
 		this.#isFiltering = true;
 
 		const lastRowIndex = this.#getLastRowIndex();
 
-		this.#owner.body.querySelectorAll(".ng-table thead th, .ng-table thead td").forEach((el) => {
-			if (el.closest("tr").sectionRowIndex + el.rowSpan - 1 === lastRowIndex) {
-				let colnms = [];
-				
-				this.#owner.activeTmpl.querySelectorAll(`[data-col="${el.dataset.col}"]`).forEach((elem) => {
-					if (elem.dataset.bind) colnms.push(elem.dataset.bind);
+		this.#owner.body.querySelectorAll(".ng-table thead th, .ng-table thead td").forEach((td) => {
+			if (td.closest("tr").sectionRowIndex + td.rowSpan - 1 === lastRowIndex) {
+				//let colnms = [];
+				const options = [];
+				this.#owner.activeTmpl.querySelectorAll(`[data-col="${td.dataset.col}"]`).forEach((el) => {
+					if (el.dataset.bind) {
+						options.push({
+							colnm: elem.dataset.bind,
+							data: [],
+						});
+					}
 				});
 
-				if (colnms.length !== 0) {
+				if (data.length > 0) {
 					const filterButton = document.createElement("ng-filter-button"); // ✅ `ng-filter-button` 생성
 					el.appendChild(filterButton);
-					filterButton.colnms = colnms; // ✅ 속성 설정
+					filterButton.filterOptions = options; // ✅ 속성 설정
+
+					console.log(filterButton, filterButton.filterOptions);
 				}
 			}
 		});

package/dist/etc/ngFiltering.js

@@ -1,7 +1,7 @@
 import ninegrid from "../index.js";
 
 /**
- * button.filterDatas = [{
+ * button.filterOptions = [{
  * 	colnm: "userId",
  *  data: [],
  * }]
@@ -26,7 +26,7 @@ export class ngFiltering
 		this.#isFiltering = false;
 		this.#owner.data.clearFilter();
 
-		this.#on();
+		//this.#on();
 	};
 	
 	isFiltering = () => {
@@ -152,45 +152,31 @@ export class ngFiltering
 		return index;
 	};
 	
-	#on_bak = () => {
-
-		this.#isFiltering = true;
-		
-		const lastRowIndex = this.#getLastRowIndex();
-		
-		this.#owner.body.querySelectorAll(".ng-table thead th,.ng-table thead td").forEach((el) => {
-
-			if (el.closest("tr").sectionRowIndex + el.rowSpan - 1 === lastRowIndex) {
-
-				var colnms = [];
-				$(this.#owner.template).find(`[data-col=${el.dataset.col}]`).each((index,el) => {
-					if (el.dataset.bind) colnms.push(el.dataset.bind);
-				});
-				if (colnms.length != 0) {
-					$(el).append($(`<ng-filter-button></ng-filter-button`));
-					el.querySelector("ng-filter-button").colnms = colnms;
-				}
-			}
-			//console.log(el.querySelector("ng-filter-button").colnms);
-		});
-	};
+	
 	#on = () => {
 		this.#isFiltering = true;
 
 		const lastRowIndex = this.#getLastRowIndex();
 
-		this.#owner.body.querySelectorAll(".ng-table thead th, .ng-table thead td").forEach((el) => {
-			if (el.closest("tr").sectionRowIndex + el.rowSpan - 1 === lastRowIndex) {
-				let colnms = [];
-				
-				this.#owner.activeTmpl.querySelectorAll(`[data-col="${el.dataset.col}"]`).forEach((elem) => {
-					if (elem.dataset.bind) colnms.push(elem.dataset.bind);
+		this.#owner.body.querySelectorAll(".ng-table thead th, .ng-table thead td").forEach((td) => {
+			if (td.closest("tr").sectionRowIndex + td.rowSpan - 1 === lastRowIndex) {
+				//let colnms = [];
+				const options = [];
+				this.#owner.activeTmpl.querySelectorAll(`[data-col="${td.dataset.col}"]`).forEach((el) => {
+					if (el.dataset.bind) {
+						options.push({
+							colnm: elem.dataset.bind,
+							data: [],
+						});
+					}
 				});
 
-				if (colnms.length !== 0) {
+				if (data.length > 0) {
 					const filterButton = document.createElement("ng-filter-button"); // ✅ `ng-filter-button` 생성
 					el.appendChild(filterButton);
-					filterButton.colnms = colnms; // ✅ 속성 설정
+					filterButton.filterOptions = options; // ✅ 속성 설정
+
+					console.log(filterButton, filterButton.filterOptions);
 				}
 			}
 		});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.142.0",
+  "version": "6.144.0",
   "main": "dist/index.js",
   "exports": {
     "import": "./dist/index.js",

package/src/etc/ngFiltering.js

@@ -1,7 +1,7 @@
 import ninegrid from "../index.js";
 
 /**
- * button.filterDatas = [{
+ * button.filterOptions = [{
  * 	colnm: "userId",
  *  data: [],
  * }]
@@ -26,7 +26,7 @@ export class ngFiltering
 		this.#isFiltering = false;
 		this.#owner.data.clearFilter();
 
-		this.#on();
+		//this.#on();
 	};
 	
 	isFiltering = () => {
@@ -152,45 +152,31 @@ export class ngFiltering
 		return index;
 	};
 	
-	#on_bak = () => {
-
-		this.#isFiltering = true;
-		
-		const lastRowIndex = this.#getLastRowIndex();
-		
-		this.#owner.body.querySelectorAll(".ng-table thead th,.ng-table thead td").forEach((el) => {
-
-			if (el.closest("tr").sectionRowIndex + el.rowSpan - 1 === lastRowIndex) {
-
-				var colnms = [];
-				$(this.#owner.template).find(`[data-col=${el.dataset.col}]`).each((index,el) => {
-					if (el.dataset.bind) colnms.push(el.dataset.bind);
-				});
-				if (colnms.length != 0) {
-					$(el).append($(`<ng-filter-button></ng-filter-button`));
-					el.querySelector("ng-filter-button").colnms = colnms;
-				}
-			}
-			//console.log(el.querySelector("ng-filter-button").colnms);
-		});
-	};
+	
 	#on = () => {
 		this.#isFiltering = true;
 
 		const lastRowIndex = this.#getLastRowIndex();
 
-		this.#owner.body.querySelectorAll(".ng-table thead th, .ng-table thead td").forEach((el) => {
-			if (el.closest("tr").sectionRowIndex + el.rowSpan - 1 === lastRowIndex) {
-				let colnms = [];
-				
-				this.#owner.activeTmpl.querySelectorAll(`[data-col="${el.dataset.col}"]`).forEach((elem) => {
-					if (elem.dataset.bind) colnms.push(elem.dataset.bind);
+		this.#owner.body.querySelectorAll(".ng-table thead th, .ng-table thead td").forEach((td) => {
+			if (td.closest("tr").sectionRowIndex + td.rowSpan - 1 === lastRowIndex) {
+				//let colnms = [];
+				const options = [];
+				this.#owner.activeTmpl.querySelectorAll(`[data-col="${td.dataset.col}"]`).forEach((el) => {
+					if (el.dataset.bind) {
+						options.push({
+							colnm: elem.dataset.bind,
+							data: [],
+						});
+					}
 				});
 
-				if (colnms.length !== 0) {
+				if (data.length > 0) {
 					const filterButton = document.createElement("ng-filter-button"); // ✅ `ng-filter-button` 생성
 					el.appendChild(filterButton);
-					filterButton.colnms = colnms; // ✅ 속성 설정
+					filterButton.filterOptions = options; // ✅ 속성 설정
+
+					console.log(filterButton, filterButton.filterOptions);
 				}
 			}
 		});