jsp화면 테이블컬럼 크기 조절 방식 수정

main
이범준 9 months ago
parent b0d140e3bd
commit 92de5f0bb8

@ -546,8 +546,7 @@
$("#btnRemove--${pageName}").on("click", () => $P.fnRemove()); // 안내문 삭제 $("#btnRemove--${pageName}").on("click", () => $P.fnRemove()); // 안내문 삭제
// DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고 // DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
} }

@ -803,7 +803,7 @@
$("#btnRemove--${pageName}").on("click", () => $P.fnRemove()); // 발송 삭제 $("#btnRemove--${pageName}").on("click", () => $P.fnRemove()); // 발송 삭제
// DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고 // DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);

@ -244,7 +244,7 @@
$("#btnExcel--${pageName}").on("click", () => $P.fnExcel()); // 엑셀 $("#btnExcel--${pageName}").on("click", () => $P.fnExcel()); // 엑셀
// DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고 // DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);

@ -531,8 +531,8 @@
}); });
// DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고 // DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
$("#DataTables_Table_1--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive-1--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);

@ -701,7 +701,7 @@
}); });
// DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고 // DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
@ -757,8 +757,6 @@
renderForTask("frmSearch--${pageName}", clsForTask); renderForTask("frmSearch--${pageName}", clsForTask);
// 업무별 그리드 th // 업무별 그리드 th
$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content; let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
let cols = $(colContent).find("." + clsForTask + ",.cmn"); let cols = $(colContent).find("." + clsForTask + ",.cmn");
let colsOuterHTML = ""; let colsOuterHTML = "";
@ -766,9 +764,8 @@
cols.each(function() { cols.each(function() {
colsOuterHTML += this.outerHTML; colsOuterHTML += this.outerHTML;
}); });
$("#table-responsive--${pageName}")[0].changeColumn(colsOuterHTML);
$("#theadTr--${pageName}").html(colsOuterHTML);
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// URL 설정 // URL 설정
$P.setURL(taskSeCd); $P.setURL(taskSeCd);

@ -794,7 +794,7 @@
}); });
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
@ -849,8 +849,6 @@
renderForTask("frmSearch--${pageName}", clsForTask); renderForTask("frmSearch--${pageName}", clsForTask);
// 업무별 그리드 th // 업무별 그리드 th
$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content; let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
let cols = $(colContent).find("." + clsForTask + ",.cmn"); let cols = $(colContent).find("." + clsForTask + ",.cmn");
let colsOuterHTML = ""; let colsOuterHTML = "";
@ -858,9 +856,7 @@
cols.each(function() { cols.each(function() {
colsOuterHTML += this.outerHTML; colsOuterHTML += this.outerHTML;
}); });
$("#table-responsive--${pageName}")[0].changeColumn(colsOuterHTML);
$("#theadTr--${pageName}").html(colsOuterHTML);
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// URL 설정 // URL 설정
$P.setURL(taskSeCd); $P.setURL(taskSeCd);

@ -546,7 +546,7 @@
}); });
// DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고 // DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
@ -601,8 +601,6 @@
renderForTask("frmSearch--${pageName}", clsForTask); renderForTask("frmSearch--${pageName}", clsForTask);
// 업무별 그리드 th // 업무별 그리드 th
$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content; let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
let cols = $(colContent).find("." + clsForTask + ",.cmn"); let cols = $(colContent).find("." + clsForTask + ",.cmn");
let colsOuterHTML = ""; let colsOuterHTML = "";
@ -610,9 +608,7 @@
cols.each(function() { cols.each(function() {
colsOuterHTML += this.outerHTML; colsOuterHTML += this.outerHTML;
}); });
$("#table-responsive--${pageName}")[0].changeColumn(colsOuterHTML);
$("#theadTr--${pageName}").html(colsOuterHTML);
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// URL 설정 // URL 설정
$P.setURL(taskSeCd); $P.setURL(taskSeCd);

@ -633,7 +633,7 @@
$("#btnCreate--${pageName}").on("click", () => $P.fnCreate()); // 부과제외 수정 $("#btnCreate--${pageName}").on("click", () => $P.fnCreate()); // 부과제외 수정
// DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고 // DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
@ -711,8 +711,6 @@
renderForTask("frmSearch--${pageName}", clsForTask); renderForTask("frmSearch--${pageName}", clsForTask);
// 업무별 그리드 th // 업무별 그리드 th
$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content; let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
let cols = $(colContent).find("." + clsForTask + ",.cmn"); let cols = $(colContent).find("." + clsForTask + ",.cmn");
let colsOuterHTML = ""; let colsOuterHTML = "";
@ -720,9 +718,7 @@
cols.each(function() { cols.each(function() {
colsOuterHTML += this.outerHTML; colsOuterHTML += this.outerHTML;
}); });
$("#table-responsive--${pageName}")[0].changeColumn(colsOuterHTML);
$("#theadTr--${pageName}").html(colsOuterHTML);
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// URL 설정 // URL 설정
$P.setURL(taskSeCd); $P.setURL(taskSeCd);

@ -671,7 +671,7 @@
// 업무 버튼 이벤트 // 업무 버튼 이벤트
// DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고 // DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
@ -725,8 +725,6 @@
renderForTask("frmSearch--${pageName}", clsForTask); renderForTask("frmSearch--${pageName}", clsForTask);
// 업무별 그리드 th // 업무별 그리드 th
$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content; let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
let cols = $(colContent).find("." + clsForTask + ",.cmn"); let cols = $(colContent).find("." + clsForTask + ",.cmn");
let colsOuterHTML = ""; let colsOuterHTML = "";
@ -734,9 +732,7 @@
cols.each(function() { cols.each(function() {
colsOuterHTML += this.outerHTML; colsOuterHTML += this.outerHTML;
}); });
$("#table-responsive--${pageName}")[0].changeColumn(colsOuterHTML);
$("#theadTr--${pageName}").html(colsOuterHTML);
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// URL 설정 // URL 설정
$P.setURL(taskSeCd); $P.setURL(taskSeCd);

@ -648,7 +648,7 @@
}); });
// DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고 // DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
@ -704,8 +704,6 @@
renderForTask("frmSearch--${pageName}", clsForTask); renderForTask("frmSearch--${pageName}", clsForTask);
// 업무별 그리드 th // 업무별 그리드 th
$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content; let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
let cols = $(colContent).find("." + clsForTask + ",.cmn"); let cols = $(colContent).find("." + clsForTask + ",.cmn");
let colsOuterHTML = ""; let colsOuterHTML = "";
@ -713,9 +711,7 @@
cols.each(function() { cols.each(function() {
colsOuterHTML += this.outerHTML; colsOuterHTML += this.outerHTML;
}); });
$("#table-responsive--${pageName}")[0].changeColumn(colsOuterHTML);
$("#theadTr--${pageName}").html(colsOuterHTML);
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// URL 설정 // URL 설정
$P.setURL(taskSeCd); $P.setURL(taskSeCd);

@ -603,7 +603,7 @@
}); });
// DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고 // DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
@ -659,8 +659,6 @@
renderForTask("frmSearch--${pageName}", clsForTask); renderForTask("frmSearch--${pageName}", clsForTask);
// 업무별 그리드 th // 업무별 그리드 th
$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content; let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
let cols = $(colContent).find("." + clsForTask + ",.cmn"); let cols = $(colContent).find("." + clsForTask + ",.cmn");
let colsOuterHTML = ""; let colsOuterHTML = "";
@ -668,9 +666,7 @@
cols.each(function() { cols.each(function() {
colsOuterHTML += this.outerHTML; colsOuterHTML += this.outerHTML;
}); });
$("#table-responsive--${pageName}")[0].changeColumn(colsOuterHTML);
$("#theadTr--${pageName}").html(colsOuterHTML);
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// URL 설정 // URL 설정
$P.setURL(taskSeCd); $P.setURL(taskSeCd);

@ -699,7 +699,7 @@
}); });
// DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고 // DataTables width 변경 조정 업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
@ -754,8 +754,6 @@
renderForTask("frmSearch--${pageName}", clsForTask); renderForTask("frmSearch--${pageName}", clsForTask);
// 업무별 그리드 th // 업무별 그리드 th
$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content; let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
let cols = $(colContent).find("." + clsForTask + ",.cmn"); let cols = $(colContent).find("." + clsForTask + ",.cmn");
let colsOuterHTML = ""; let colsOuterHTML = "";
@ -763,9 +761,7 @@
cols.each(function() { cols.each(function() {
colsOuterHTML += this.outerHTML; colsOuterHTML += this.outerHTML;
}); });
$("#table-responsive--${pageName}")[0].changeColumn(colsOuterHTML);
$("#theadTr--${pageName}").html(colsOuterHTML);
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// URL 설정 // URL 설정
$P.setURL(taskSeCd); $P.setURL(taskSeCd);

@ -720,8 +720,7 @@
$("#btnWholTrgtInfo--${pageName}").on("click", () => $P.fnWholTrgtInfo()); // 전체 대상 등록 $("#btnWholTrgtInfo--${pageName}").on("click", () => $P.fnWholTrgtInfo()); // 전체 대상 등록
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
} }
@ -800,8 +799,6 @@
}); });
// 업무별 그리드 th // 업무별 그리드 th
$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content; let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
let cols = $(colContent).find("." + clsForTask + ",.cmn"); let cols = $(colContent).find("." + clsForTask + ",.cmn");
let colsOuterHTML = ""; let colsOuterHTML = "";
@ -810,8 +807,7 @@
colsOuterHTML += this.outerHTML; colsOuterHTML += this.outerHTML;
}); });
$("#theadTr--${pageName}").html(colsOuterHTML); $("#table-responsive--${pageName}")[0].changeColumn(colsOuterHTML);
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// URL 설정 // URL 설정
$P.setURL(taskSeCd); $P.setURL(taskSeCd);

@ -368,7 +368,7 @@
$("#btnSave--${pageName}").on("click", () => $P.fnSave()); // 저장 $("#btnSave--${pageName}").on("click", () => $P.fnSave()); // 저장
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);

@ -581,7 +581,7 @@
$("#btnRemove--${pageName}").on("click", () => $P.fnRemove()); // 계고장 발송 삭제 $("#btnRemove--${pageName}").on("click", () => $P.fnRemove()); // 계고장 발송 삭제
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
@ -637,8 +637,6 @@
renderForTask("frmSearch--${pageName}", clsForTask); renderForTask("frmSearch--${pageName}", clsForTask);
// 업무별 그리드 th // 업무별 그리드 th
$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content; let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
let cols = $(colContent).find("." + clsForTask + ",.cmn"); let cols = $(colContent).find("." + clsForTask + ",.cmn");
let colsOuterHTML = ""; let colsOuterHTML = "";
@ -646,9 +644,7 @@
cols.each(function() { cols.each(function() {
colsOuterHTML += this.outerHTML; colsOuterHTML += this.outerHTML;
}); });
$("#table-responsive--${pageName}")[0].changeColumn(colsOuterHTML);
$("#theadTr--${pageName}").html(colsOuterHTML);
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// URL 설정 // URL 설정
$P.setURL(taskSeCd); $P.setURL(taskSeCd);

@ -309,7 +309,7 @@
$("#btnPrintWrng--${pageName}").on("click", () => $P.fnPrint()); // 계고장 출력 $("#btnPrintWrng--${pageName}").on("click", () => $P.fnPrint()); // 계고장 출력
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);

@ -664,7 +664,7 @@
$("#btnCreateWholTrgt--${pageName}").on("click", () => $P.fnCreateWholTrgt()); // 전체 대상 등록 $("#btnCreateWholTrgt--${pageName}").on("click", () => $P.fnCreateWholTrgt()); // 전체 대상 등록
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
@ -743,8 +743,6 @@
}) })
// 업무별 그리드 th // 업무별 그리드 th
$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content; let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
let cols = $(colContent).find("." + clsForTask + ",.cmn"); let cols = $(colContent).find("." + clsForTask + ",.cmn");
let colsOuterHTML = ""; let colsOuterHTML = "";
@ -752,9 +750,7 @@
cols.each(function() { cols.each(function() {
colsOuterHTML += this.outerHTML; colsOuterHTML += this.outerHTML;
}); });
$("#table-responsive--${pageName}")[0].changeColumn(colsOuterHTML);
$("#theadTr--${pageName}").html(colsOuterHTML);
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// URL 설정 // URL 설정
$P.setURL(taskSeCd); $P.setURL(taskSeCd);

@ -370,7 +370,7 @@
$("#btnSave--${pageName}").on("click", () => $P.fnSave()); // 저장 $("#btnSave--${pageName}").on("click", () => $P.fnSave()); // 저장
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);

@ -581,7 +581,7 @@
$("#btnRemove--${pageName}").on("click", () => $P.fnRemove()); // 사전통지 발송 삭제 $("#btnRemove--${pageName}").on("click", () => $P.fnRemove()); // 사전통지 발송 삭제
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
@ -637,8 +637,6 @@
renderForTask("frmSearch--${pageName}", clsForTask); renderForTask("frmSearch--${pageName}", clsForTask);
// 업무별 그리드 th // 업무별 그리드 th
$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content; let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
let cols = $(colContent).find("." + clsForTask + ",.cmn"); let cols = $(colContent).find("." + clsForTask + ",.cmn");
let colsOuterHTML = ""; let colsOuterHTML = "";
@ -646,9 +644,7 @@
cols.each(function() { cols.each(function() {
colsOuterHTML += this.outerHTML; colsOuterHTML += this.outerHTML;
}); });
$("#table-responsive--${pageName}")[0].changeColumn(colsOuterHTML);
$("#theadTr--${pageName}").html(colsOuterHTML);
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// URL 설정 // URL 설정
$P.setURL(taskSeCd); $P.setURL(taskSeCd);

@ -547,7 +547,7 @@
$("#btnLevyIdnty--${pageName}").on("click", () => $P.fnLevyIdnty()); // 미부과건 확인 $("#btnLevyIdnty--${pageName}").on("click", () => $P.fnLevyIdnty()); // 미부과건 확인
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);

@ -616,7 +616,7 @@
$("#btnRemove--${pageName}").on("click", () => $P.fnRemove()); // 고지서 발송 삭제 $("#btnRemove--${pageName}").on("click", () => $P.fnRemove()); // 고지서 발송 삭제
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
@ -673,8 +673,6 @@
renderForTask("frmSearch--${pageName}", clsForTask); renderForTask("frmSearch--${pageName}", clsForTask);
// 업무별 그리드 th // 업무별 그리드 th
$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content; let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
let cols = $(colContent).find("." + clsForTask + ",.cmn"); let cols = $(colContent).find("." + clsForTask + ",.cmn");
let colsOuterHTML = ""; let colsOuterHTML = "";
@ -682,9 +680,7 @@
cols.each(function() { cols.each(function() {
colsOuterHTML += this.outerHTML; colsOuterHTML += this.outerHTML;
}); });
$("#table-responsive--${pageName}")[0].changeColumn(colsOuterHTML);
$("#theadTr--${pageName}").html(colsOuterHTML);
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// URL 설정 // URL 설정
$P.setURL(taskSeCd); $P.setURL(taskSeCd);

@ -371,7 +371,7 @@
$("#btnCreateSndbk--${pageName}").on("click", () => $P.fnCreateSndbk()); // 반송 등록 $("#btnCreateSndbk--${pageName}").on("click", () => $P.fnCreateSndbk()); // 반송 등록
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);

@ -220,7 +220,7 @@
}); });
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
} }
// 화면 초기값 셋팅 // 화면 초기값 셋팅

@ -438,7 +438,7 @@
$("#schCrdnYmdTo--${pageName}").datepicker("setDate", new Date()); $("#schCrdnYmdTo--${pageName}").datepicker("setDate", new Date());
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
} }
// URL 설정 // URL 설정

@ -713,7 +713,7 @@
}); });
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
@ -796,8 +796,6 @@
}) })
// 업무별 그리드 th // 업무별 그리드 th
$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content; let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
let cols = $(colContent).find("." + clsForTask + ",.cmn"); let cols = $(colContent).find("." + clsForTask + ",.cmn");
let colsOuterHTML = ""; let colsOuterHTML = "";
@ -805,9 +803,7 @@
cols.each(function() { cols.each(function() {
colsOuterHTML += this.outerHTML; colsOuterHTML += this.outerHTML;
}); });
$("#table-responsive--${pageName}")[0].changeColumn(colsOuterHTML);
$("#theadTr--${pageName}").html(colsOuterHTML);
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
// URL 설정 // URL 설정
$P.setURL(taskSeCd); $P.setURL(taskSeCd);

@ -680,7 +680,7 @@
}); });
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);

@ -484,7 +484,7 @@
}); });
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName}); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});

@ -825,8 +825,8 @@ $(document).ready(function() {
}); });
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#upTable--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive-up--${pageName}")[0]);
$("#downTable--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive-down--${pageName}")[0]);
} }
/************************************************************************** /**************************************************************************

@ -124,7 +124,7 @@
<!-- DataTables(그리드) --> <!-- DataTables(그리드) -->
<div class="card-datatable text-nowrap"> <div class="card-datatable text-nowrap">
<div class="dataTables_wrapper dt-bootstrap5 no-footer"> <div class="dataTables_wrapper dt-bootstrap5 no-footer">
<div class="table-responsive" <div class="table-responsive" id="table-responsive-up--${pageName}"
style="overflow-x:scroll; height:300px; overflow-y:scroll;" > style="overflow-x:scroll; height:300px; overflow-y:scroll;" >
<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" <table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer"
id="upTable--${pageName}" aria-describedby="DataTables_Table_0_info"> id="upTable--${pageName}" aria-describedby="DataTables_Table_0_info">

@ -118,7 +118,7 @@
<!-- DataTables(그리드) --> <!-- DataTables(그리드) -->
<div class="card-datatable text-nowrap"> <div class="card-datatable text-nowrap">
<div class="dataTables_wrapper dt-bootstrap5 no-footer"> <div class="dataTables_wrapper dt-bootstrap5 no-footer">
<div class="table-responsive" <div class="table-responsive" id="table-responsive-down--${pageName}"
style="overflow-x:scroll; height:300px; overflow-y:scroll;" > style="overflow-x:scroll; height:300px; overflow-y:scroll;" >
<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" <table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer"
id="downTable--${pageName}" aria-describedby="DataTables_Table_0_info"> id="downTable--${pageName}" aria-describedby="DataTables_Table_0_info">

@ -566,8 +566,8 @@
$("#btnViewPostTrace--${pageName}").on("click", () => $P.fnViewPostTrace()); // 우편 종적 보기 버튼 이벤트 $("#btnViewPostTrace--${pageName}").on("click", () => $P.fnViewPostTrace()); // 우편 종적 보기 버튼 이벤트
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive-sndngDtl--${pageName}")[0]);
$("#DataTables_Table_1--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive-1--${pageName}")[0]);
} }
// 초기 화면 설정 // 초기 화면 설정

@ -848,8 +848,8 @@
$("#btnRemoveLevyExcl--${pageName}").on("click", () => $P.fnRemoveLevyExcl()); // 부과제외 삭제 버튼 이벤트 $("#btnRemoveLevyExcl--${pageName}").on("click", () => $P.fnRemoveLevyExcl()); // 부과제외 삭제 버튼 이벤트
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive-crdnSttsHstry--${pageName}")[0]);
$("#DataTables_Table_1--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive-1--${pageName}")[0]);
} }
// 초기 화면 설정 // 초기 화면 설정

@ -593,7 +593,7 @@
}); });
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);

@ -285,7 +285,7 @@
}); });
// DataTables width 변경 조정 // DataTables width 변경 조정
$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} ); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName}); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});

@ -54,12 +54,13 @@
<div id="list" class="mt-4"> <div id="list" class="mt-4">
<div class="card-datatable text-nowrap"> <div class="card-datatable text-nowrap">
<div class="dataTables_wrapper dt-bootstrap5 no-footer"> <div class="dataTables_wrapper dt-bootstrap5 no-footer">
<div class="table-responsive" style="height:400px;overflow-x: scroll;overflow-y: scroll;"> <div id="table-responsive" class="table-responsive" style="height:400px;overflow-x: scroll;overflow-y: scroll;">
<table id="DataTables_Table_0" class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer"> <table id="DataTables_Table_0" class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead> <thead>
<tr> <tr>
<th style="width: 650px;">주소</th> <th style="width: 650px;">주소</th>
<th style="width: 100px;">우편번호</th> <th style="width: 100px;">우편번호</th>
<th clss="dummy-th"></th>
</tr> </tr>
</thead> </thead>
<tbody id="addrTbody"> <tbody id="addrTbody">
@ -125,6 +126,7 @@
<script src="/resources/js/base/base-fims.js"></script> <script src="/resources/js/base/base-fims.js"></script>
<script src="/resources/js/fims/framework/cmm/componentization.js"></script>
<script language="javascript"> <script language="javascript">
//var callbackFuncName = location.search.split("=")[1]; //var callbackFuncName = location.search.split("=")[1];
@ -286,8 +288,7 @@ function fnReturn(){
window.close(); window.close();
} }
fnMakeResizableTable($("#table-responsive")[0]);
$("#DataTables_Table_0").find("th").resizable({handles : "e"});
$("#list").hide(); $("#list").hide();

Loading…
Cancel
Save