|
|
|
@ -485,81 +485,86 @@ function setDateTimeFmt2(srcDateStr, delimiter = '-') {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
class FimsFormFields extends FormFields {
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* form 에 json data set
|
|
|
|
* form 에 json data set
|
|
|
|
* 태그명으로 일치 - 동일 태그명이 여럿존재하는 경우 idx만 set
|
|
|
|
|
|
|
|
* element tag에 data-fmt-type 으로 데이타 format이 지정된 경우 해당 포맷으로 출력
|
|
|
|
* element tag에 data-fmt-type 으로 데이타 format이 지정된 경우 해당 포맷으로 출력
|
|
|
|
* @param {object} formObj document.querySelector('form')
|
|
|
|
* @param {object} formObj document.querySelector('form')
|
|
|
|
* @param {object} jsonData json type data
|
|
|
|
* @param {object} jsonData json type data
|
|
|
|
* @param {number} idx 태그명 배열의 index (default = 0)
|
|
|
|
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
function setFormData(formObj, jsonData, idx= 0){
|
|
|
|
set(obj){
|
|
|
|
let els = formObj.elements;
|
|
|
|
|
|
|
|
if(!els) els = formObj[0];
|
|
|
|
document.querySelectorAll(this.children).forEach(input => {
|
|
|
|
for(let e of els){
|
|
|
|
|
|
|
|
if(e.tagName === 'BUTTON') continue;
|
|
|
|
let prop = input.getAttribute("data-map")
|
|
|
|
|
|
|
|
|| input.name
|
|
|
|
let val = jsonData[e.name] ?? '';
|
|
|
|
|| input.id;
|
|
|
|
|
|
|
|
if (!prop) return;
|
|
|
|
|
|
|
|
|
|
|
|
if(val && e.tagName === 'SELECT') {
|
|
|
|
let dataItem = obj instanceof DataItem,
|
|
|
|
//console.log(e.name, val, e.tagName)
|
|
|
|
value = dataItem ? obj.getValue(prop) : obj[prop];
|
|
|
|
// 동적으로 binding한 element에는 attr() 적용 불가
|
|
|
|
|
|
|
|
$('select[name=' + e.name + ']').find('option[value=' + val + ']').prop("selected", true);
|
|
|
|
if ("radio" == input.type) {
|
|
|
|
continue;
|
|
|
|
if (value && value == input.value)
|
|
|
|
|
|
|
|
input.checked = true;
|
|
|
|
|
|
|
|
} else if("checkbox" == input.type) {
|
|
|
|
|
|
|
|
if (value && value == input.value)
|
|
|
|
|
|
|
|
input.checked = ("Y" === value);
|
|
|
|
|
|
|
|
} else if(input.tagName == "SELECT") {
|
|
|
|
|
|
|
|
for(let option of input.options) {
|
|
|
|
|
|
|
|
if(option.value == value){
|
|
|
|
|
|
|
|
option.selected = true;
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
option.selected = false;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if(val && e.tagName === 'INPUT' && e.type === 'checkbox') {
|
|
|
|
|
|
|
|
//console.log(e.name, val, e.tagName)
|
|
|
|
|
|
|
|
// 동적으로 binding한 element에는 attr() 적용 불가
|
|
|
|
|
|
|
|
$('input:checkbox[name=' + e.name + ']').prop('checked', "Y" === val);
|
|
|
|
|
|
|
|
continue;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
} else {
|
|
|
|
if(val && e.tagName === 'INPUT' && e.type === 'radio') {
|
|
|
|
if(value == null){
|
|
|
|
//console.log(e.name, val, e.tagName)
|
|
|
|
value = "";
|
|
|
|
// 동적으로 binding한 element에는 attr() 적용 불가
|
|
|
|
|
|
|
|
const $elRadio = $('input:radio[name=' + e.name + ']:radio[value='+val+']');
|
|
|
|
|
|
|
|
$elRadio.prop('checked', $elRadio.val() === val);
|
|
|
|
|
|
|
|
continue;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// element data-fmt-type에 정의된 format 적용
|
|
|
|
// element data-fmt-type에 정의된 format 적용
|
|
|
|
// dt - yyyy-mm-dd HH:mm:ss, day - yyyy-mm-dd, time - HH:mm:ss, number - #,###
|
|
|
|
// dt - yyyy-mm-dd HH:mm:ss, day - yyyy-mm-dd, time - HH:mm:ss, number - #,###
|
|
|
|
if(e.dataset.fmtType){
|
|
|
|
if(input.dataset.fmtType){
|
|
|
|
const fmtType = e.dataset.fmtType;
|
|
|
|
const fmtType = input.dataset.fmtType;
|
|
|
|
switch (fmtType) {
|
|
|
|
switch (fmtType) {
|
|
|
|
case 'dt' :
|
|
|
|
case 'dt' :
|
|
|
|
val = setDateTimeFmt(val );
|
|
|
|
value = setDateTimeFmt(value);
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
case 'day' :
|
|
|
|
case 'day' :
|
|
|
|
val = setDateFmt(val);
|
|
|
|
value = setDateFmt(value);
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
case 'time' :
|
|
|
|
case 'time' :
|
|
|
|
val = setTimeFmt(val);
|
|
|
|
value = setTimeFmt(value);
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
case 'number' :
|
|
|
|
case 'number' :
|
|
|
|
val = setComma(val);
|
|
|
|
value = setComma(value);
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
default:
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if(input.name){
|
|
|
|
|
|
|
|
|
|
|
|
if(e.name){
|
|
|
|
input.value = value;
|
|
|
|
document.getElementsByName(e.name)[idx].value = val;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//보안모드 마스킹 항목
|
|
|
|
//보안모드 마스킹 항목
|
|
|
|
if(e.tagName === 'INPUT' && e.id && e.classList.contains("privacy")){
|
|
|
|
if(input.tagName === 'INPUT' && input.id && input.classList.contains("privacy")){
|
|
|
|
let maskVal = val.replace(/[0-9a-zA-Z]/g, "*");
|
|
|
|
let maskVal = value.replace(/[0-9a-zA-Z]/g, "*");
|
|
|
|
document.getElementById(e.id+"$mask").value = maskVal;
|
|
|
|
document.getElementById(input.id+"$mask").value = maskVal;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* <pre>
|
|
|
|
* <pre>
|
|
|
|
* [downloadImage]
|
|
|
|
* [downloadImage]
|
|
|
|
|
