ninegrid2 6.1378.0 → 6.1380.0

package/dist/bundle.cjs.js

@@ -28501,6 +28501,45 @@ class nxDiv extends HTMLElement {
 		return jsonData;
 	};
 
+	clearData = (jsonData) => {
+		this.#getElements().forEach(el => {
+			el.removeEventListener("input", this.#changeHandler);
+			el.addEventListener("input", this.#changeHandler);
+		});
+
+		//if (!jsonData || typeof jsonData !== 'object') return;
+
+		//let bChanged = false;
+		this.#getElements().forEach(el => {
+			const key = el.name;
+			if (!key) return; // name이 없는 요소는 스킵
+			//console.log(el.tagName, key, el.name);
+
+			// 2. jsonData에 해당 key가 없으면 공백("") 할당
+			const value = (jsonData && jsonData[key] !== undefined) ? jsonData[key] : "";
+
+			const tagName = el.tagName.toUpperCase();
+			const inputTags = ["INPUT", "TEXTAREA", "SELECT", "NX-EDITOR"];
+
+			if (inputTags.includes(tagName)) {
+				if (el.type === "checkbox") {
+					// 3. true-value 속성을 읽어와서 체크 여부 결정
+					let t = el.getAttribute("true-value") || "Y";
+					el.checked = (String(t) === String(value));
+				} else if (el.type === "radio") {
+					// 라디오 버튼 그룹 내에서 값 일치 여부 확인
+					el.checked = (String(el.value) === String(value));
+				} else {
+					el.value = value;
+				}
+			} else {
+				el.textContent = value;
+			}
+		});
+
+		this.#changed(false);
+	};
+
 	setData = (jsonData) => {
 		this.#getElements().forEach(el => {
 			el.removeEventListener("input", this.#changeHandler);
@@ -28529,6 +28568,7 @@ class nxDiv extends HTMLElement {
 				} else if (el.type === "radio") {
 					const isChecked = (String(el.value) === String(value));
 					if (el.checked !== isChecked) bChanged = true;
+					// 라디오 버튼 그룹 내에서 값 일치 여부 확인
 					el.checked = isChecked;
 				} else {
 					if (el.value !== value) bChanged = true;

package/dist/bundle.esm.js

@@ -28497,6 +28497,45 @@ class nxDiv extends HTMLElement {
 		return jsonData;
 	};
 
+	clearData = (jsonData) => {
+		this.#getElements().forEach(el => {
+			el.removeEventListener("input", this.#changeHandler);
+			el.addEventListener("input", this.#changeHandler);
+		});
+
+		//if (!jsonData || typeof jsonData !== 'object') return;
+
+		//let bChanged = false;
+		this.#getElements().forEach(el => {
+			const key = el.name;
+			if (!key) return; // name이 없는 요소는 스킵
+			//console.log(el.tagName, key, el.name);
+
+			// 2. jsonData에 해당 key가 없으면 공백("") 할당
+			const value = (jsonData && jsonData[key] !== undefined) ? jsonData[key] : "";
+
+			const tagName = el.tagName.toUpperCase();
+			const inputTags = ["INPUT", "TEXTAREA", "SELECT", "NX-EDITOR"];
+
+			if (inputTags.includes(tagName)) {
+				if (el.type === "checkbox") {
+					// 3. true-value 속성을 읽어와서 체크 여부 결정
+					let t = el.getAttribute("true-value") || "Y";
+					el.checked = (String(t) === String(value));
+				} else if (el.type === "radio") {
+					// 라디오 버튼 그룹 내에서 값 일치 여부 확인
+					el.checked = (String(el.value) === String(value));
+				} else {
+					el.value = value;
+				}
+			} else {
+				el.textContent = value;
+			}
+		});
+
+		this.#changed(false);
+	};
+
 	setData = (jsonData) => {
 		this.#getElements().forEach(el => {
 			el.removeEventListener("input", this.#changeHandler);
@@ -28525,6 +28564,7 @@ class nxDiv extends HTMLElement {
 				} else if (el.type === "radio") {
 					const isChecked = (String(el.value) === String(value));
 					if (el.checked !== isChecked) bChanged = true;
+					// 라디오 버튼 그룹 내에서 값 일치 여부 확인
 					el.checked = isChecked;
 				} else {
 					if (el.value !== value) bChanged = true;

package/dist/nx/_nxDiv.js

@@ -68,6 +68,45 @@ export class nxDiv extends HTMLElement {
 		return jsonData;
 	};
 
+	clearData = (jsonData) => {
+		this.#getElements().forEach(el => {
+			el.removeEventListener("input", this.#changeHandler);
+			el.addEventListener("input", this.#changeHandler);
+		});
+
+		//if (!jsonData || typeof jsonData !== 'object') return;
+
+		//let bChanged = false;
+		this.#getElements().forEach(el => {
+			const key = el.name;
+			if (!key) return; // name이 없는 요소는 스킵
+			//console.log(el.tagName, key, el.name);
+
+			// 2. jsonData에 해당 key가 없으면 공백("") 할당
+			const value = (jsonData && jsonData[key] !== undefined) ? jsonData[key] : "";
+
+			const tagName = el.tagName.toUpperCase();
+			const inputTags = ["INPUT", "TEXTAREA", "SELECT", "NX-EDITOR"];
+
+			if (inputTags.includes(tagName)) {
+				if (el.type === "checkbox") {
+					// 3. true-value 속성을 읽어와서 체크 여부 결정
+					let t = el.getAttribute("true-value") || "Y";
+					el.checked = (String(t) === String(value));
+				} else if (el.type === "radio") {
+					// 라디오 버튼 그룹 내에서 값 일치 여부 확인
+					el.checked = (String(el.value) === String(value));
+				} else {
+					el.value = value;
+				}
+			} else {
+				el.textContent = value;
+			}
+		});
+
+		this.#changed(false);
+	};
+
 	setData = (jsonData) => {
 		this.#getElements().forEach(el => {
 			el.removeEventListener("input", this.#changeHandler);
@@ -96,6 +135,7 @@ export class nxDiv extends HTMLElement {
 				} else if (el.type === "radio") {
 					const isChecked = (String(el.value) === String(value));
 					if (el.checked !== isChecked) bChanged = true;
+					// 라디오 버튼 그룹 내에서 값 일치 여부 확인
 					el.checked = isChecked;
 				} else {
 					if (el.value !== value) bChanged = true;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.1378.0",
+  "version": "6.1380.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/src/nx/_nxDiv.js

@@ -68,6 +68,45 @@ export class nxDiv extends HTMLElement {
 		return jsonData;
 	};
 
+	clearData = (jsonData) => {
+		this.#getElements().forEach(el => {
+			el.removeEventListener("input", this.#changeHandler);
+			el.addEventListener("input", this.#changeHandler);
+		});
+
+		//if (!jsonData || typeof jsonData !== 'object') return;
+
+		//let bChanged = false;
+		this.#getElements().forEach(el => {
+			const key = el.name;
+			if (!key) return; // name이 없는 요소는 스킵
+			//console.log(el.tagName, key, el.name);
+
+			// 2. jsonData에 해당 key가 없으면 공백("") 할당
+			const value = (jsonData && jsonData[key] !== undefined) ? jsonData[key] : "";
+
+			const tagName = el.tagName.toUpperCase();
+			const inputTags = ["INPUT", "TEXTAREA", "SELECT", "NX-EDITOR"];
+
+			if (inputTags.includes(tagName)) {
+				if (el.type === "checkbox") {
+					// 3. true-value 속성을 읽어와서 체크 여부 결정
+					let t = el.getAttribute("true-value") || "Y";
+					el.checked = (String(t) === String(value));
+				} else if (el.type === "radio") {
+					// 라디오 버튼 그룹 내에서 값 일치 여부 확인
+					el.checked = (String(el.value) === String(value));
+				} else {
+					el.value = value;
+				}
+			} else {
+				el.textContent = value;
+			}
+		});
+
+		this.#changed(false);
+	};
+
 	setData = (jsonData) => {
 		this.#getElements().forEach(el => {
 			el.removeEventListener("input", this.#changeHandler);
@@ -96,6 +135,7 @@ export class nxDiv extends HTMLElement {
 				} else if (el.type === "radio") {
 					const isChecked = (String(el.value) === String(value));
 					if (el.checked !== isChecked) bChanged = true;
+					// 라디오 버튼 그룹 내에서 값 일치 여부 확인
 					el.checked = isChecked;
 				} else {
 					if (el.value !== value) bChanged = true;