xit-app
/
fims-web-rent
20
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

소스정리(html엘리먼트 id제거 및 name추가)

Browse Source
main
이범준 3 months ago
parent c86badf7bf
commit b22c2b04d3
19 changed files with 188 additions and 152 deletions
Show Stats Download Patch File Download Diff File

10
src/main/webapp/WEB-INF/jsp/fims/crdn/crdn01010-main.jsp
Unescape Escape View File

@ -55,10 +55,10 @@
<div> <div>
<div name="gridbuttonArea" class="container-page-btn"> <div name="gridbuttonArea" class="container-page-btn">
<div class="d-flex flex-row justify-content-between"> <div class="d-flex flex-row justify-content-between">
<span id="layoutPaging--${pageName}PagingInfo" <span is="paging-info" data-ref-doctx="${pageName}" name="layoutPagingInfo"
name="layoutPagingPagingInfo" class="dataTables_info" role="status" aria-live="polite"></span> class="dataTables_info"></span>
<ul id="layoutPaging--${pageName}" <ul name="layoutPaging"
name="layoutPaging" class="pagination pagination-primary"> class="pagination pagination-primary">
</ul> </ul>
</div> </div>
@ -156,7 +156,7 @@ $(document).ready(function(){
var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer); var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer);
$P.renderLayoutList(obj["Total"], $P.ctrl.dataset.length, trs, option); $P.renderLayoutList(obj["Total"], $P.ctrl.dataset.length, trs, option);
Apply.fromDataset.paging($P.ctrl.dataset, obj, "layoutPaging--${pageName}"); Apply.fromDataset.paging($P.ctrl.dataset, obj, $P.find("layoutPaging"), $P.find("layoutPagingInfo"));
}; };
$P.ctrl.dataset.onCurrentChange = (dataItem) => { $P.ctrl.dataset.onCurrentChange = (dataItem) => {

40
src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02010-main.jsp
Unescape Escape View File

@ -101,11 +101,11 @@
</div> </div>
<!-- 동적검색 --> <!-- 동적검색 -->
<div class="col-6"> <div class="col-6">
<input type="hidden" id="by--${pageName}" name="by" /> <input type="hidden" name="by" />
<input type="text" class="form-control fw-bold w-px-120 text-end" id="byOutput--${pageName}" value="동적 검색" readonly /> <input type="text" class="form-control fw-bold w-px-120 text-end" name="byOutput" value="동적 검색" readonly />
<input type="hidden" id="mainOption--${pageName}" name="mainOption" /> <input type="hidden" name="mainOption" />
<input type="hidden" id="subOption--${pageName}" name="subOption" /> <input type="hidden" name="subOption" />
<input type="text" class="form-control w-px-400" id="term--${pageName}" name="term" autocomplete="off" /> <input type="text" class="form-control w-px-400" name="term" autocomplete="off" />
<!-- 상세 검색조건 버튼 --> <!-- 상세 검색조건 버튼 -->
<span class="flr"> <span class="flr">
<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" <button type="button" class="btn btn-open-detail" data-bs-toggle="collapse"
@ -161,16 +161,16 @@
<div name="gridbuttonArea" class="container-page-btn"> <div name="gridbuttonArea" class="container-page-btn">
<div class="d-flex flex-row justify-content-between"> <div class="d-flex flex-row justify-content-between">
<span id="photoInspectionPaging--${pageName}PagingInfo" <span is="paging-info" data-ref-doctx="${pageName}" name="photoInspectionPagingInfo"
class="dataTables_info area-photoinspection" role="status" aria-live="polite"></span> class="dataTables_info area-photoinspection"></span>
<ul id="photoInspectionPaging--${pageName}" <ul name="photoInspectionPaging"
class="pagination pagination-primary area-photoinspection"> class="pagination pagination-primary area-photoinspection">
</ul> </ul>
</div> </div>
<div class="d-flex flex-row justify-content-between"> <div class="d-flex flex-row justify-content-between">
<span id="sameVehicleInspectionMainPaging--${pageName}PagingInfo" <span is="paging-info" data-ref-doctx="${pageName}" name="photoInspectionPagingInfo"
class="dataTables_info area-samevehicleinspection" role="status" aria-live="polite"></span> class="dataTables_info area-samevehicleinspection"></span>
<ul id="sameVehicleInspectionMainPaging--${pageName}" <ul name="photoInspectionPaging"
class="pagination pagination-primary area-samevehicleinspection"> class="pagination pagination-primary area-samevehicleinspection">
</ul> </ul>
</div> </div>
@ -195,8 +195,7 @@
<table name="photoInspection_Table_0" <table name="photoInspection_Table_0"
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer"> class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead class="sticky-thead"> <thead class="sticky-thead">
<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}" <tr data-search-target="[data-doctx='${pageName}']">
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th style="width: 80px;">No.</th> <th style="width: 80px;">No.</th>
<th onclick="searchFromGridTitle('CRDN_YMD','단속일자','ymd','');" <th onclick="searchFromGridTitle('CRDN_YMD','단속일자','ymd','');"
style="width: 180px;">단속일시</th> style="width: 180px;">단속일시</th>
@ -277,8 +276,7 @@
<table name="sameVehicleInspectionMain_Table_0" <table name="sameVehicleInspectionMain_Table_0"
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer"> class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead class="sticky-thead"> <thead class="sticky-thead">
<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}" <tr data-search-target="[data-doctx='${pageName}']">
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th onclick="searchFromGridTitle('VHRNO',this.innerText,'match','part');" <th onclick="searchFromGridTitle('VHRNO',this.innerText,'match','part');"
style="width:120px">차량번호</th> style="width:120px">차량번호</th>
<th onclick="searchFromGridTitle('CRDN_STDG_NM',this.innerText,'match','perfect');" <th onclick="searchFromGridTitle('CRDN_STDG_NM',this.innerText,'match','perfect');"
@ -316,8 +314,7 @@
<table name="sameVehicleInspectionSub_Table_0" <table name="sameVehicleInspectionSub_Table_0"
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer"> class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead class="sticky-thead"> <thead class="sticky-thead">
<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}" <tr data-search-target="[data-doctx='${pageName}']">
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th onclick="searchFromGridTitle('CRDN_YMD','단속일자','ymd','');" <th onclick="searchFromGridTitle('CRDN_YMD','단속일자','ymd','');"
style="width:180px">단속일시</th> style="width:180px">단속일시</th>
<th onclick="searchFromGridTitle('CRDN_INPT_SE_CD',this.innerText,'codeValue','FIM003');" <th onclick="searchFromGridTitle('CRDN_INPT_SE_CD',this.innerText,'codeValue','FIM003');"
@ -431,7 +428,7 @@ $(document).ready(function(){
var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer); var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer);
$P.renderInspectionDataList(obj["Total"], $P.ctrl.dataset.length, trs, "photoInspection", option); $P.renderInspectionDataList(obj["Total"], $P.ctrl.dataset.length, trs, "photoInspection", option);
Apply.fromDataset.paging($P.ctrl.dataset, obj, "photoInspectionPaging--${pageName}"); Apply.fromDataset.paging($P.ctrl.dataset, obj, $P.find("photoInspectionPaging"), $P.find("photoInspectionPagingInfo"));
}; };
$P.ctrl.dataset.onCurrentChange = (dataItem) => { $P.ctrl.dataset.onCurrentChange = (dataItem) => {
@ -458,7 +455,8 @@ $(document).ready(function(){
var trs = Apply.fromDataset.getTbody($P.alt.dataset, t.found, t.notFound, t.replacer); var trs = Apply.fromDataset.getTbody($P.alt.dataset, t.found, t.notFound, t.replacer);
$P.renderInspectionDataList(obj["Total"], $P.alt.dataset.length, trs, "sameVehicleInspectionMain", option); $P.renderInspectionDataList(obj["Total"], $P.alt.dataset.length, trs, "sameVehicleInspectionMain", option);
Apply.fromDataset.paging($P.alt.dataset, obj, "sameVehicleInspectionMainPaging--${pageName}"); Apply.fromDataset.paging($P.alt.dataset, obj,
$P.find("sameVehicleInspectionMainPaging"), "sameVehicleInspectionMainPagingInfo"));
}; };
$P.alt.dataset.onCurrentChange = (dataItem) => { $P.alt.dataset.onCurrentChange = (dataItem) => {
@ -491,7 +489,7 @@ $(document).ready(function(){
searchForm.find("input[type='hidden']").val(""); searchForm.find("input[type='hidden']").val("");
searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); }); searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); });
$("#byOutput--${pageName}").val("동적 검색"); $P.$find("byOutput").val("동적 검색");
$("#schRgtrNm--${pageName}").prop("readonly", true); // 사용자 이름 $("#schRgtrNm--${pageName}").prop("readonly", true); // 사용자 이름
$('#schCrdnYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-7).date); $('#schCrdnYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-7).date);
$('#schCrdnYmdTo--${pageName}').datepicker('setDate', TODAY()); $('#schCrdnYmdTo--${pageName}').datepicker('setDate', TODAY());
@ -1034,7 +1032,7 @@ $(document).ready(function(){
$P.$find('btnSearch').on('click', () => $P.searchInspectionList()); //검색버튼 $P.$find('btnSearch').on('click', () => $P.searchInspectionList()); //검색버튼
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다. // 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
$("#term--${pageName}").onEnterPress($P.searchInspectionList); $P.$find("term").onEnterPress($P.searchInspectionList);
$P.$find("btnExcel").on('click', () => $P.fnExcelDown()); $P.$find("btnExcel").on('click', () => $P.fnExcelDown());
$P.$find("btnFindUser").on("click", () => $P.fnGetFindUser()); // 사용자 검색 $P.$find("btnFindUser").on("click", () => $P.fnGetFindUser()); // 사용자 검색

29
src/main/webapp/WEB-INF/jsp/fims/crdn/crdn03010-main.jsp
Unescape Escape View File

@ -34,11 +34,11 @@
</span> </span>
</div> </div>
<div class="col-6"> <div class="col-6">
<input type="hidden" id="by--${pageName}" name="by" /> <input type="hidden" name="by" />
<input type="text" class="form-control fw-bold w-px-120 text-end" id="byOutput--${pageName}" value="동적 검색" readonly /> <input type="text" class="form-control fw-bold w-px-120 text-end" name="byOutput" value="동적 검색" readonly />
<input type="hidden" id="mainOption--${pageName}" name="mainOption" /> <input type="hidden" name="mainOption" />
<input type="hidden" id="subOption--${pageName}" name="subOption" /> <input type="hidden" name="subOption" />
<input type="text" class="form-control w-px-400" id="term--${pageName}" name="term" autocomplete="off" /> <input type="text" class="form-control w-px-400" name="term" autocomplete="off" />
</div> </div>
</div> </div>
</div> </div>
@ -46,9 +46,10 @@
<div> <div>
<span class="container-page-btn"> <span class="container-page-btn">
<div class="d-flex flex-row justify-content-between"> <div class="d-flex flex-row justify-content-between">
<span id="crdnPaging--${pageName}PagingInfo" class="dataTables_info" <span is="paging-info" data-ref-doctx="${pageName}" name="crdnPagingInfo"
role="status" aria-live="polite"></span> class="dataTables_info"></span>
<ul id="crdnPaging--${pageName}" class="pagination pagination-primary"> <ul name="crdnPaging"
class="pagination pagination-primary">
</ul> </ul>
</div> </div>
<span class="container-window-btn-right"> <span class="container-window-btn-right">
@ -63,9 +64,7 @@
<div name="table-responsive" class="table-responsive ox-scroll oy-scroll h-px-600"> <div name="table-responsive" class="table-responsive ox-scroll oy-scroll h-px-600">
<table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer" > <table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer" >
<thead class="sticky-thead"> <thead class="sticky-thead">
<tr id="crdnTheadTr--${pageName}" <tr name="crdnTheadTr" data-search-target="[data-doctx='${pageName}']">
data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th style="width: 100px;">No.</th> <th style="width: 100px;">No.</th>
<th onclick="searchFromGridTitle('CRDN_INPT_SE_CD',this.innerText,'codeValue','FIM003');" <th onclick="searchFromGridTitle('CRDN_INPT_SE_CD',this.innerText,'codeValue','FIM003');"
style="width: 200px;">자료출처</th> style="width: 200px;">자료출처</th>
@ -164,7 +163,7 @@ $(document).ready(function(){
var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer); var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer);
$P.renderCrdnList(obj["Total"], $P.ctrl.dataset.length, trs, option); $P.renderCrdnList(obj["Total"], $P.ctrl.dataset.length, trs, option);
Apply.fromDataset.paging($P.ctrl.dataset, obj, "crdnPaging--${pageName}"); Apply.fromDataset.paging($P.ctrl.dataset, obj, $P.find("crdnPaging"), $P.find("crdnPagingInfo"));
}; };
$P.ctrl.dataset.onCurrentChange = (dataItem) => { $P.ctrl.dataset.onCurrentChange = (dataItem) => {
@ -182,7 +181,7 @@ $(document).ready(function(){
searchForm.find("input[type='hidden']").val(""); searchForm.find("input[type='hidden']").val("");
searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); }); searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); });
$("#byOutput--${pageName}").val("동적 검색"); $P.$find("byOutput").val("동적 검색");
$('#schCrdnYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-5475).date); $('#schCrdnYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-5475).date);
$('#schCrdnYmdTo--${pageName}').datepicker('setDate', TODAY()); $('#schCrdnYmdTo--${pageName}').datepicker('setDate', TODAY());
$P.ctrl.dataset.setData([]); $P.ctrl.dataset.setData([]);
@ -250,7 +249,7 @@ $(document).ready(function(){
return; return;
} }
var cellDefs = getCellDefs($("#crdnTheadTr--${pageName} th").not(".dummy-th").not(":eq(0)"), var cellDefs = getCellDefs($P.$find("crdnTheadTr").find("th").not(".dummy-th").not(":eq(0)"),
$($P.find("crdnRow").content).find("td").not(".dummy-td").not(":eq(0)")); $($P.find("crdnRow").content).find("td").not(".dummy-td").not(":eq(0)"));
$P.ctrl.query.cellDefs = cellDefs; $P.ctrl.query.cellDefs = cellDefs;
@ -364,7 +363,7 @@ $(document).ready(function(){
$P.$find("btnReset").on('click', () => $P.fnReset()); $P.$find("btnReset").on('click', () => $P.fnReset());
$P.$find("btnSearch").on('click', () => $P.searchCrdnList()); $P.$find("btnSearch").on('click', () => $P.searchCrdnList());
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다. // 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
$("#term--${pageName}").onEnterPress($P.searchCrdnList); $P.$find("term").onEnterPress($P.searchCrdnList);
$P.$find("btnExcel").on('click', () => $P.fnExcelDown()); $P.$find("btnExcel").on('click', () => $P.fnExcelDown());
fnMakeResizableTable($P.find("table-responsive")); fnMakeResizableTable($P.find("table-responsive"));

11
src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05010-main.jsp
Unescape Escape View File

@ -42,9 +42,10 @@
<div> <div>
<span class="container-page-btn"> <span class="container-page-btn">
<div class="d-flex flex-row justify-content-between"> <div class="d-flex flex-row justify-content-between">
<span id="crdnPaging--${pageName}PagingInfo" class="dataTables_info" <span is="paging-info" data-ref-doctx="${pageName}" name="crdnPagingInfo"
role="status" aria-live="polite"></span> class="dataTables_info"></span>
<ul id="crdnPaging--${pageName}" class="pagination pagination-primary"> <ul name="crdnPaging"
class="pagination pagination-primary">
</ul> </ul>
</div> </div>
<span class="container-window-btn-right"> <span class="container-window-btn-right">
@ -60,7 +61,7 @@
<div name="table-responsive" class="table-responsive ox-scroll oy-scroll h-px-600"> <div name="table-responsive" class="table-responsive ox-scroll oy-scroll h-px-600">
<table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer"> <table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead class="sticky-thead"> <thead class="sticky-thead">
<tr id="crdnTheadTr--${pageName}"> <tr name="crdnTheadTr">
<th style="width: 80px;">No.</th> <th style="width: 80px;">No.</th>
<th style="width: 200px;">등록구분</th> <th style="width: 200px;">등록구분</th>
<th style="width: 200px;">자료출처</th> <th style="width: 200px;">자료출처</th>
@ -145,7 +146,7 @@ $(document).ready(function(){
var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer); var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer);
$P.renderCrdnList(obj["Total"], $P.ctrl.dataset.length, trs, option); $P.renderCrdnList(obj["Total"], $P.ctrl.dataset.length, trs, option);
Apply.fromDataset.paging($P.ctrl.dataset, obj, "crdnPaging--${pageName}"); Apply.fromDataset.paging($P.ctrl.dataset, obj, $P.find("crdnPaging"), $P.find("crdnPagingInfo"));
}; };

9
src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05020-info.jsp
Unescape Escape View File

@ -47,9 +47,10 @@
<div> <div>
<span class="container-page-btn"> <span class="container-page-btn">
<div class="d-flex flex-row justify-content-between"> <div class="d-flex flex-row justify-content-between">
<span id="parsedInfoPaging--${pageName}PagingInfo" class="dataTables_info" <span is="paging-info" data-ref-doctx="${pageName}" name="parsedInfoPagingInfo"
role="status" aria-live="polite"></span> class="dataTables_info"></span>
<ul id="parsedInfoPaging--${pageName}" class="pagination pagination-primary"> <ul name="parsedInfoPaging"
class="pagination pagination-primary">
</ul> </ul>
</div> </div>
<span class="container-window-btn-right"> <span class="container-window-btn-right">
@ -195,7 +196,7 @@ $(document).ready(function(){
var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer); var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer);
$P.renderParsedInfoList(obj["Total"], $P.ctrl.dataset.length, trs); $P.renderParsedInfoList(obj["Total"], $P.ctrl.dataset.length, trs);
Apply.fromDataset.paging($P.ctrl.dataset, obj, "parsedInfoPaging--${pageName}"); Apply.fromDataset.paging($P.ctrl.dataset, obj, $P.find("parsedInfoPaging"), $P.find("parsedInfoPagingInfo"));
}; };
$P.ctrl.dataset.onCurrentChange = (dataItem) => { $P.ctrl.dataset.onCurrentChange = (dataItem) => {

27
src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06010-main.jsp
Unescape Escape View File

@ -66,11 +66,11 @@
<input type="text" id="vhrno--${pageName}" name="vhrno" class="form-control" /> <input type="text" id="vhrno--${pageName}" name="vhrno" class="form-control" />
</div> </div>
<div class="col-6"> <div class="col-6">
<input type="hidden" id="by--${pageName}" name="by" /> <input type="hidden" name="by" />
<input type="text" class="form-control fw-bold w-px-120 text-end" id="byOutput--${pageName}" value="동적 검색" readonly /> <input type="text" class="form-control fw-bold w-px-120 text-end" name="byOutput" value="동적 검색" readonly />
<input type="hidden" id="mainOption--${pageName}" name="mainOption" /> <input type="hidden" name="mainOption" />
<input type="hidden" id="subOption--${pageName}" name="subOption" /> <input type="hidden" name="subOption" />
<input type="text" class="form-control w-px-400" id="term--${pageName}" name="term" autocomplete="off" /> <input type="text" class="form-control w-px-400" name="term" autocomplete="off" />
<!-- 상세 검색조건 버튼 --> <!-- 상세 검색조건 버튼 -->
<span class="flr"> <span class="flr">
<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" <button type="button" class="btn btn-open-detail" data-bs-toggle="collapse"
@ -157,9 +157,10 @@
<div> <div>
<div name="gridbuttonArea" class="container-page-btn"> <div name="gridbuttonArea" class="container-page-btn">
<div class="d-flex flex-row justify-content-between"> <div class="d-flex flex-row justify-content-between">
<span id="crdnPaging--${pageName}PagingInfo" class="dataTables_info" <span is="paging-info" data-ref-doctx="${pageName}" name="crdnPagingInfo"
role="status" aria-live="polite"></span> class="dataTables_info" ></span>
<ul id="crdnPaging--${pageName}" class="pagination pagination-primary"> <ul name="crdnPaging"
class="pagination pagination-primary">
</ul> </ul>
</div> </div>
@ -183,9 +184,7 @@
class="table-responsive ox-scroll oy-scroll h-px-500"> class="table-responsive ox-scroll oy-scroll h-px-500">
<table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer"> <table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead class="sticky-thead"> <thead class="sticky-thead">
<tr name="crdnThead" <tr name="crdnThead" data-search-target="[data-doctx='${pageName}']">
data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
</tr> </tr>
</thead> </thead>
<tbody name="crdnTbody"></tbody> <tbody name="crdnTbody"></tbody>
@ -332,7 +331,7 @@ $(document).ready(function(){
var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer); var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer);
$P.renderCrdnList(obj["Total"], $P.ctrl.dataset.length, trs, option); $P.renderCrdnList(obj["Total"], $P.ctrl.dataset.length, trs, option);
Apply.fromDataset.paging($P.ctrl.dataset, obj, "crdnPaging--${pageName}"); Apply.fromDataset.paging($P.ctrl.dataset, obj, $P.find("crdnPaging"), $P.find("crdnPagingInfo"));
}; };
$P.ctrl.dataset.onCurrentChange = (dataItem) => { $P.ctrl.dataset.onCurrentChange = (dataItem) => {
@ -355,7 +354,7 @@ $(document).ready(function(){
searchForm.find("input[type='hidden']").val(""); searchForm.find("input[type='hidden']").val("");
searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); }); searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); });
$("#byOutput--${pageName}").val("동적 검색"); $P.$find("byOutput").val("동적 검색");
$("#schRgtrNm--${pageName}").prop("readonly", true); // 사용자 이름 $("#schRgtrNm--${pageName}").prop("readonly", true); // 사용자 이름
$('#schCrdnYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-365).date); $('#schCrdnYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-365).date);
$('#schCrdnYmdTo--${pageName}').datepicker('setDate', TODAY()); $('#schCrdnYmdTo--${pageName}').datepicker('setDate', TODAY());
@ -586,7 +585,7 @@ $(document).ready(function(){
$P.$find("btnFindUser").on("click", () => $P.fnGetFindUser()); // 사용자 검색 $P.$find("btnFindUser").on("click", () => $P.fnGetFindUser()); // 사용자 검색
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다. // 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
$("#term--${pageName}").onEnterPress($P.searchCrdnList); $P.$find("term").onEnterPress($P.searchCrdnList);
fnMakeResizableTable($P.find("table-responsive")); fnMakeResizableTable($P.find("table-responsive"));
fnMakeScrollableTable($P.find("table-responsive"), $P.scrollCrdnList); fnMakeScrollableTable($P.find("table-responsive"), $P.scrollCrdnList);

9
src/main/webapp/WEB-INF/jsp/fims/crdn/crdn07010-main.jsp
Unescape Escape View File

@ -42,9 +42,10 @@
<div> <div>
<span class="container-page-btn"> <span class="container-page-btn">
<div class="d-flex flex-row justify-content-between"> <div class="d-flex flex-row justify-content-between">
<span id="useTeamPaging--${pageName}PagingInfo" class="dataTables_info" <span is="paging-info" data-ref-doctx="${pageName}" name="useTeamPagingInfo"
role="status" aria-live="polite"></span> class="dataTables_info"></span>
<ul id="useTeamPaging--${pageName}" class="pagination pagination-primary"> <ul name="useTeamPaging"
class="pagination pagination-primary">
</ul> </ul>
</div> </div>
</span> </span>
@ -290,7 +291,7 @@ $(document).ready(function(){
var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer); var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer);
$P.renderUseTeamList(obj["Total"], $P.ctrl.dataset.length, trs); $P.renderUseTeamList(obj["Total"], $P.ctrl.dataset.length, trs);
Apply.fromDataset.paging($P.ctrl.dataset, obj, "useTeamPaging--${pageName}"); Apply.fromDataset.paging($P.ctrl.dataset, obj, $P.find("useTeamPaging"), $P.find("useTeamPagingInfo"));
}; };
$P.alt.dataset.onDatasetChange = (obj, option) => { $P.alt.dataset.onDatasetChange = (obj, option) => {

11
src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08010-main.jsp
Unescape Escape View File

@ -43,9 +43,10 @@
<div> <div>
<span class="container-page-btn"> <span class="container-page-btn">
<div class="d-flex flex-row justify-content-between"> <div class="d-flex flex-row justify-content-between">
<span id="exmptnVhclPaging--${pageName}PagingInfo" class="dataTables_info" <span is="paging-info" data-ref-doctx="${pageName}" name="exmptnVhclPagingInfo"
role="status" aria-live="polite"></span> class="dataTables_info"></span>
<ul id="exmptnVhclPaging--${pageName}" class="pagination pagination-primary"> <ul name="exmptnVhclPaging"
class="pagination pagination-primary">
</ul> </ul>
</div> </div>
<span class="container-window-btn-right"> <span class="container-window-btn-right">
@ -185,7 +186,7 @@ $(document).ready(function(){
var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer); var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer);
$P.renderExmptnVhclList(obj["Total"], $P.ctrl.dataset.length, trs, option); $P.renderExmptnVhclList(obj["Total"], $P.ctrl.dataset.length, trs, option);
Apply.fromDataset.paging($P.ctrl.dataset, obj, "exmptnVhclPaging--${pageName}"); Apply.fromDataset.paging($P.ctrl.dataset, obj, $P.find("exmptnVhclPaging"), $P.find("exmptnVhclPagingInfo"));
}; };
$P.ctrl.dataset.onCurrentChange = (dataItem) => { $P.ctrl.dataset.onCurrentChange = (dataItem) => {
@ -383,7 +384,7 @@ $(document).ready(function(){
url : $P.ctrl.urls.remove, url : $P.ctrl.urls.remove,
data : { data : {
"exmptnVhclId" : dataKey, "exmptnVhclId" : dataKey,
"delRsn" : $("#delRsn--${pageName}").val() "delRsn" : $("#delRsnDialog--${pageName}").find("[name='delRsn']").val()
}, },
success : (resp) => { success : (resp) => {
if(resp.saved){ if(resp.saved){

2
src/main/webapp/WEB-INF/jsp/fims/crdn/crdn08030-info.jsp
Unescape Escape View File

@ -9,7 +9,7 @@
class="table-responsive ox-scroll oy-scroll h-px-550"> class="table-responsive ox-scroll oy-scroll h-px-550">
<table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer"> <table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead class="sticky-thead"> <thead class="sticky-thead">
<tr id="exmptnVhclTheadTr--${pageName}"> <tr name="exmptnVhclTheadTr">
<th style="width: 80px;">No.</th> <th style="width: 80px;">No.</th>
<th style="width: 140px;">차량번호</th> <th style="width: 140px;">차량번호</th>
<th style="width: 300px;">면제사유</th> <th style="width: 300px;">면제사유</th>

26
src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01010-main.jsp
Unescape Escape View File

@ -71,11 +71,11 @@
</span> </span>
</div> </div>
<div class="col-6"> <div class="col-6">
<input type="hidden" id="by--${pageName}" name="by" /> <input type="hidden" name="by" />
<input type="text" class="form-control fw-bold w-px-120 text-end" id="byOutput--${pageName}" value="동적 검색" readonly /> <input type="text" class="form-control fw-bold w-px-120 text-end" name="byOutput" value="동적 검색" readonly />
<input type="hidden" id="mainOption--${pageName}" name="mainOption" /> <input type="hidden" name="mainOption" />
<input type="hidden" id="subOption--${pageName}" name="subOption" /> <input type="hidden" name="subOption" />
<input type="text" class="form-control w-px-400" id="term--${pageName}" name="term" autocomplete="off" /> <input type="text" class="form-control w-px-400" name="term" autocomplete="off" />
<!-- 상세 검색조건 버튼 --> <!-- 상세 검색조건 버튼 -->
<span class="flr"> <span class="flr">
<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" <button type="button" class="btn btn-open-detail" data-bs-toggle="collapse"
@ -111,9 +111,10 @@
<div> <div>
<span class="container-page-btn"> <span class="container-page-btn">
<div class="d-flex flex-row justify-content-between"> <div class="d-flex flex-row justify-content-between">
<span id="crdnPaging--${pageName}PagingInfo" class="dataTables_info" <span is="paging-info" data-ref-doctx="${pageName}" name="crdnPagingInfo"
role="status" aria-live="polite"></span> class="dataTables_info"></span>
<ul id="crdnPaging--${pageName}" class="pagination pagination-primary"> <ul name="crdnPaging"
class="pagination pagination-primary">
</ul> </ul>
</div> </div>
<span class="container-window-btn-right"> <span class="container-window-btn-right">
@ -134,8 +135,7 @@
class="table-responsive ox-scroll oy-scroll h-px-500"> class="table-responsive ox-scroll oy-scroll h-px-500">
<table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer"> <table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead name="crdnThead" class="sticky-thead"> <thead name="crdnThead" class="sticky-thead">
<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}" <tr data-search-target="[data-doctx='${pageName}']">
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th style="width: 80px;">No.</th> <th style="width: 80px;">No.</th>
<th onclick="searchFromGridTitle('CVLCPT_RCPT_NO',this.innerText,'match','part');" <th onclick="searchFromGridTitle('CVLCPT_RCPT_NO',this.innerText,'match','part');"
style="width: 180px;">접수번호</th> style="width: 180px;">접수번호</th>
@ -270,7 +270,7 @@ $(document).ready(function(){
var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer); var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer);
$P.renderCrdnList(obj["Total"], $P.ctrl.dataset.length, trs, option); $P.renderCrdnList(obj["Total"], $P.ctrl.dataset.length, trs, option);
Apply.fromDataset.paging($P.ctrl.dataset, obj, "crdnPaging--${pageName}"); Apply.fromDataset.paging($P.ctrl.dataset, obj, $P.find("crdnPaging"), $P.find("crdnPagingInfo"));
}; };
$P.ctrl.dataset.onCurrentChange = (dataItem) => { $P.ctrl.dataset.onCurrentChange = (dataItem) => {
@ -313,7 +313,7 @@ $(document).ready(function(){
searchForm.find("input[type='hidden']").val(""); searchForm.find("input[type='hidden']").val("");
searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); }); searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); });
$("#byOutput--${pageName}").val("동적 검색"); $P.$find("byOutput").val("동적 검색");
$("#schRgtrNm--${pageName}").prop("readonly", true); // 사용자 이름 $("#schRgtrNm--${pageName}").prop("readonly", true); // 사용자 이름
$('#schCvlcptRcptYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-5475).date); $('#schCvlcptRcptYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-5475).date);
$('#schCvlcptRcptYmdTo--${pageName}').datepicker('setDate', TODAY()); $('#schCvlcptRcptYmdTo--${pageName}').datepicker('setDate', TODAY());
@ -689,7 +689,7 @@ $(document).ready(function(){
$P.$find("btnExcel").on('click', () => $P.fnExcelDown()); $P.$find("btnExcel").on('click', () => $P.fnExcelDown());
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다. // 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
$("#term--${pageName}").onEnterPress($P.searchCrdnList); $P.$find("term").onEnterPress($P.searchCrdnList);
$P.$find("btnHold").on("click", () => $P.fnHold()); $P.$find("btnHold").on("click", () => $P.fnHold());
$P.$find("btnDelete").on("click", () => $P.fnRemove()); $P.$find("btnDelete").on("click", () => $P.fnRemove());

26
src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc02010-main.jsp
Unescape Escape View File

@ -78,11 +78,11 @@
</span> </span>
</div> </div>
<div class="col-6"> <div class="col-6">
<input type="hidden" id="by--${pageName}" name="by" /> <input type="hidden" name="by" />
<input type="text" class="form-control fw-bold w-px-120 text-end" id="byOutput--${pageName}" value="동적 검색" readonly /> <input type="text" class="form-control fw-bold w-px-120 text-end" name="byOutput" value="동적 검색" readonly />
<input type="hidden" id="mainOption--${pageName}" name="mainOption" /> <input type="hidden" name="mainOption" />
<input type="hidden" id="subOption--${pageName}" name="subOption" /> <input type="hidden" name="subOption" />
<input type="text" class="form-control w-px-400" id="term--${pageName}" name="term" autocomplete="off" /> <input type="text" class="form-control w-px-400" name="term" autocomplete="off" />
<!-- 상세 검색조건 버튼 --> <!-- 상세 검색조건 버튼 -->
<span class="flr"> <span class="flr">
<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" <button type="button" class="btn btn-open-detail" data-bs-toggle="collapse"
@ -121,9 +121,10 @@
<div> <div>
<span class="container-page-btn"> <span class="container-page-btn">
<div class="d-flex flex-row justify-content-between"> <div class="d-flex flex-row justify-content-between">
<span id="crdnPaging--${pageName}PagingInfo" class="dataTables_info" <span is="paging-info" data-ref-doctx="${pageName}" name="crdnPagingInfo"
role="status" aria-live="polite"></span> class="dataTables_info"></span>
<ul id="crdnPaging--${pageName}" class="pagination pagination-primary"> <ul name="crdnPaging"
class="pagination pagination-primary">
</ul> </ul>
</div> </div>
<span name="gridbuttonArea" class="container-window-btn-right"> <span name="gridbuttonArea" class="container-window-btn-right">
@ -153,8 +154,7 @@
class="table-responsive ox-scroll oy-scroll h-px-500"> class="table-responsive ox-scroll oy-scroll h-px-500">
<table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer"> <table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead name="crdnThead" class="sticky-thead"> <thead name="crdnThead" class="sticky-thead">
<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}" <tr data-search-target="[data-doctx='${pageName}']">
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th style="width: 80px;">No.</th> <th style="width: 80px;">No.</th>
<th style="width: 60px;"> <th style="width: 60px;">
<input type="checkbox" id="gridAllCheckbox--${pageName}" <input type="checkbox" id="gridAllCheckbox--${pageName}"
@ -276,7 +276,7 @@ $(document).ready(function(){
var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer); var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer);
$P.renderCrdnList(obj["Total"], $P.ctrl.dataset.length, trs, option); $P.renderCrdnList(obj["Total"], $P.ctrl.dataset.length, trs, option);
Apply.fromDataset.paging($P.ctrl.dataset, obj, "crdnPaging--${pageName}"); Apply.fromDataset.paging($P.ctrl.dataset, obj, $P.find("crdnPaging"), $P.find("crdnPagingInfo"));
}; };
$P.ctrl.dataset.onCurrentChange = (dataItem) => { $P.ctrl.dataset.onCurrentChange = (dataItem) => {
@ -301,7 +301,7 @@ $(document).ready(function(){
searchForm.find("input[type='hidden']").val(""); searchForm.find("input[type='hidden']").val("");
searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); }); searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); });
$("#byOutput--${pageName}").val("동적 검색"); $P.$find("byOutput").val("동적 검색");
$('#schCvlcptRcptYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-31).date); $('#schCvlcptRcptYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-31).date);
$('#schCvlcptRcptYmdTo--${pageName}').datepicker('setDate', TODAY()); $('#schCvlcptRcptYmdTo--${pageName}').datepicker('setDate', TODAY());
@ -677,7 +677,7 @@ $(document).ready(function(){
$P.$find("btnExcelForApproval").on('click', () => $P.fnExcelDown(true)); $P.$find("btnExcelForApproval").on('click', () => $P.fnExcelDown(true));
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다. // 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
$("#term--${pageName}").onEnterPress($P.searchCrdnList); $P.$find("term").onEnterPress($P.searchCrdnList);
$P.$find("btnOpenCvlcptOrgnl").on("click", () => $P.fnOpenCvlcptOrgnl()); $P.$find("btnOpenCvlcptOrgnl").on("click", () => $P.fnOpenCvlcptOrgnl());

26
src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc03010-main.jsp
Unescape Escape View File

@ -71,11 +71,11 @@
</span> </span>
</div> </div>
<div class="col-6"> <div class="col-6">
<input type="hidden" id="by--${pageName}" name="by" /> <input type="hidden" name="by" />
<input type="text" class="form-control fw-bold w-px-120 text-end" id="byOutput--${pageName}" value="동적 검색" readonly /> <input type="text" class="form-control fw-bold w-px-120 text-end" name="byOutput" value="동적 검색" readonly />
<input type="hidden" id="mainOption--${pageName}" name="mainOption" /> <input type="hidden" name="mainOption" />
<input type="hidden" id="subOption--${pageName}" name="subOption" /> <input type="hidden" name="subOption" />
<input type="text" class="form-control w-px-400" id="term--${pageName}" name="term" autocomplete="off" /> <input type="text" class="form-control w-px-400" name="term" autocomplete="off" />
<!-- 상세 검색조건 버튼 --> <!-- 상세 검색조건 버튼 -->
<span class="flr"> <span class="flr">
<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" <button type="button" class="btn btn-open-detail" data-bs-toggle="collapse"
@ -111,9 +111,10 @@
<div> <div>
<span class="container-page-btn"> <span class="container-page-btn">
<div class="d-flex flex-row justify-content-between"> <div class="d-flex flex-row justify-content-between">
<span id="crdnPaging--${pageName}PagingInfo" class="dataTables_info" <span is="paging-info" data-ref-doctx="${pageName}" name="crdnPagingInfo"
role="status" aria-live="polite"></span> class="dataTables_info"></span>
<ul id="crdnPaging--${pageName}" class="pagination pagination-primary"> <ul name="crdnPaging"
class="pagination pagination-primary">
</ul> </ul>
</div> </div>
<span class="container-window-btn-right"> <span class="container-window-btn-right">
@ -131,8 +132,7 @@
class="table-responsive ox-scroll oy-scroll h-px-500"> class="table-responsive ox-scroll oy-scroll h-px-500">
<table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer"> <table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead name="crdnThead" class="sticky-thead"> <thead name="crdnThead" class="sticky-thead">
<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}" <tr data-search-target="[data-doctx='${pageName}']">
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th style="width: 80px;">No.</th> <th style="width: 80px;">No.</th>
<th onclick="searchFromGridTitle('CVLCPT_RCPT_NO',this.innerText,'match','part');" <th onclick="searchFromGridTitle('CVLCPT_RCPT_NO',this.innerText,'match','part');"
style="width: 160px;">접수번호</th> style="width: 160px;">접수번호</th>
@ -267,7 +267,7 @@ $(document).ready(function(){
var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer); var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer);
$P.renderCrdnList(obj["Total"], $P.ctrl.dataset.length, trs, option); $P.renderCrdnList(obj["Total"], $P.ctrl.dataset.length, trs, option);
Apply.fromDataset.paging($P.ctrl.dataset, obj, "crdnPaging--${pageName}"); Apply.fromDataset.paging($P.ctrl.dataset, obj, $P.find("crdnPaging"), $P.find("crdnPagingInfo"));
}; };
$P.ctrl.dataset.onCurrentChange = (dataItem) => { $P.ctrl.dataset.onCurrentChange = (dataItem) => {
@ -286,7 +286,7 @@ $(document).ready(function(){
searchForm.find("input[type='hidden']").val(""); searchForm.find("input[type='hidden']").val("");
searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); }); searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); });
$("#byOutput--${pageName}").val("동적 검색"); $P.$find("byOutput").val("동적 검색");
$('#schCvlcptRcptYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-365).date); $('#schCvlcptRcptYmdFrom--${pageName}').datepicker('setDate', DateUtil.getDateDay(-365).date);
$('#schCvlcptRcptYmdTo--${pageName}').datepicker('setDate', TODAY()); $('#schCvlcptRcptYmdTo--${pageName}').datepicker('setDate', TODAY());
@ -549,7 +549,7 @@ $(document).ready(function(){
$P.$find("btnExcel").on('click', () => $P.fnExcelDown()); $P.$find("btnExcel").on('click', () => $P.fnExcelDown());
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다. // 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
$("#term--${pageName}").onEnterPress($P.searchCrdnList); $P.$find("term").onEnterPress($P.searchCrdnList);
$P.$find("btnDelete").on("click", () => $P.fnRemove()); $P.$find("btnDelete").on("click", () => $P.fnRemove());
$P.$find("btnOpenCvlcptOrgnl").on("click", () => $P.fnOpenCvlcptOrgnl()); $P.$find("btnOpenCvlcptOrgnl").on("click", () => $P.fnOpenCvlcptOrgnl());

14
src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc04010-main.jsp
Unescape Escape View File

@ -53,9 +53,10 @@
<div> <div>
<span class="container-page-btn"> <span class="container-page-btn">
<div class="d-flex flex-row justify-content-between"> <div class="d-flex flex-row justify-content-between">
<span id="dmndPaging--${pageName}PagingInfo" class="dataTables_info" <span is="paging-info" data-ref-doctx="${pageName}" name="dmndPagingInfo"
role="status" aria-live="polite"></span> class="dataTables_info"></span>
<ul id="dmndPaging--${pageName}" class="pagination pagination-primary"> <ul name="dmndPaging"
class="pagination pagination-primary">
</ul> </ul>
</div> </div>
<span class="container-window-btn-right"> <span class="container-window-btn-right">
@ -74,9 +75,8 @@
<div name="table-responsive" <div name="table-responsive"
class="table-responsive ox-scroll oy-scroll h-px-600"> class="table-responsive ox-scroll oy-scroll h-px-600">
<table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer"> <table class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
<thead id="dmndThead--${pageName}" class="sticky-thead"> <thead name="dmndThead" class="sticky-thead">
<tr data-by="by--${pageName}" data-by-output="byOutput--${pageName}" <tr data-search-target="[data-doctx='${pageName}']">
data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
<th style="width: 80px;">No.</th> <th style="width: 80px;">No.</th>
<th style="width: 180px;">요청일시</th> <th style="width: 180px;">요청일시</th>
<th style="width: 180px;">요청자</th> <th style="width: 180px;">요청자</th>
@ -203,7 +203,7 @@ $(document).ready(function(){
var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer); var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer);
$P.renderDmndList(obj["Total"], $P.ctrl.dataset.length, trs, option); $P.renderDmndList(obj["Total"], $P.ctrl.dataset.length, trs, option);
Apply.fromDataset.paging($P.ctrl.dataset, obj, "dmndPaging--${pageName}"); Apply.fromDataset.paging($P.ctrl.dataset, obj, $P.find("dmndPaging"), $P.find("dmndPagingInfo"));
}; };
$P.ctrl.dataset.onCurrentChange = (dataItem) => { $P.ctrl.dataset.onCurrentChange = (dataItem) => {

8
src/main/webapp/WEB-INF/jsp/fims/mngt/mngt01010-main.jsp
Unescape Escape View File

@ -34,8 +34,10 @@
<div> <div>
<div id="gridbuttonArea--${pageName}" class="container-page-btn"> <div id="gridbuttonArea--${pageName}" class="container-page-btn">
<div class="d-flex flex-row justify-content-between"> <div class="d-flex flex-row justify-content-between">
<span id="ntcPaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></span> <span id="ntcPaging--${pageName}PagingInfo" name="ntcPagingInfo"
<ul id="ntcPaging--${pageName}" class="pagination pagination-primary"> class="dataTables_info"></span>
<ul name="ntcPaging"
class="pagination pagination-primary">
</ul> </ul>
</div> </div>
@ -148,7 +150,7 @@ $(document).ready(function(){
var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer); var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer);
$P.renderNtcList(obj["Total"], $P.ctrl.dataset.length, trs, option); $P.renderNtcList(obj["Total"], $P.ctrl.dataset.length, trs, option);
Apply.fromDataset.paging($P.ctrl.dataset, obj, "ntcPaging--${pageName}"); Apply.fromDataset.paging($P.ctrl.dataset, obj, $P.find("ntcPaging"), $P.find("ntcPagingInfo"));
}; };
$P.ctrl.dataset.onCurrentChange = (dataItem) => { $P.ctrl.dataset.onCurrentChange = (dataItem) => {

8
src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02010-main.jsp
Unescape Escape View File

@ -56,8 +56,10 @@
<div> <div>
<div id="gridbuttonArea--${pageName}" class="container-page-btn"> <div id="gridbuttonArea--${pageName}" class="container-page-btn">
<div class="d-flex flex-row justify-content-between"> <div class="d-flex flex-row justify-content-between">
<span id="deptPaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></span> <span id="deptPaging--${pageName}PagingInfo" name="deptPagingInfo"
<ul id="deptPaging--${pageName}" class="pagination pagination-primary"> class="dataTables_info"></span>
<ul name="deptPaging"
class="pagination pagination-primary">
</ul> </ul>
</div> </div>
@ -178,7 +180,7 @@ $(document).ready(function(){
var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer); var trs = Apply.fromDataset.getTbody($P.ctrl.dataset, t.found, t.notFound, t.replacer);
$P.renderDeptList(obj["Total"], $P.ctrl.dataset.length, trs, option); $P.renderDeptList(obj["Total"], $P.ctrl.dataset.length, trs, option);
Apply.fromDataset.paging($P.ctrl.dataset, obj, "deptPaging--${pageName}"); Apply.fromDataset.paging($P.ctrl.dataset, obj, $P.find("deptPaging"), $P.find("deptPagingInfo"));
}; };
$P.ctrl.dataset.onCurrentChange = (dataItem) => { $P.ctrl.dataset.onCurrentChange = (dataItem) => {

2
src/main/webapp/WEB-INF/jsp/include/tail.jsp
Unescape Escape View File

@ -59,6 +59,8 @@
<!-- 커스텀UI --> <!-- 커스텀UI -->
<script src="<c:url value="/webjars/applib/js/componentization.js?${ver}"/>"></script> <script src="<c:url value="/webjars/applib/js/componentization.js?${ver}"/>"></script>
<script src="<c:url value="/resources/js/fims/cmmn/fims-componentization.js?${ver}"/>"></script> <script src="<c:url value="/resources/js/fims/cmmn/fims-componentization.js?${ver}"/>"></script>
<script src="<c:url value="/resources/js/fims/cmmn/customElements.js?${ver}"/>"></script>
<!-- endbuild --> <!-- endbuild -->
<c:set var="functions" scope="request"> <c:set var="functions" scope="request">

11
src/main/webapp/resources/js/fims/cmmn/customElements.js
Unescape Escape View File

@ -0,0 +1,11 @@
class PagingInfoSpan extends HTMLSpanElement {
constructor() {
super();
let nm = this.getAttribute("name");
let a = nm.substr(0,nm.indexOf("PagingInfo"))
let b = this.getAttribute("data-ref-doctx");
this.id = a+"--"+b+"PagingInfo";
}
}
customElements.define("paging-info", PagingInfoSpan, { extends: "span" });

9
src/main/webapp/resources/js/fims/cmmn/fims-cmmnUtil.js
Unescape Escape View File

@ -132,11 +132,14 @@ const Apply = {
} }
$(tbody).setCurrentRow(dataset.getKey(dataItem)); $(tbody).setCurrentRow(dataset.getKey(dataItem));
}, },
paging : function(dataset, resp, navId){ paging : function(dataset, resp, navUl, navSpan){
$("#"+navId).setPagingInfo({ let id = navSpan.id;
let pf = id.substr(0,id.indexOf("PagingInfo"));
$(navUl).setPagingInfo({
list : dataset, list : dataset,
prefix : navId, prefix : pf,
totalSize : resp["Total"] totalSize : resp["Total"]
}); });

18
src/main/webapp/resources/js/fims/cmmn/searchUtil.js
Unescape Escape View File

@ -2,7 +2,10 @@
* 그리드의 특정 열 값을 키워드로 자료 조회 * 그리드의 특정 열 값을 키워드로 자료 조회
**************************************************************************/ **************************************************************************/
function searchFromGridTitle(byValue, byOutputValue, mainOption, subOption){ function searchFromGridTitle(byValue, byOutputValue, mainOption, subOption){
var trDataset = event.target.parentElement.dataset; var tr = event.target.parentElement;
if($(tr).attr("data-search-target").length < 1){
var trDataset = tr.dataset;
var byElementId = trDataset.by; var byElementId = trDataset.by;
var byOutputElementId = trDataset.byOutput; var byOutputElementId = trDataset.byOutput;
@ -14,6 +17,19 @@ function searchFromGridTitle(byValue, byOutputValue, mainOption, subOption){
document.getElementById(mainOptionElementId).value = mainOption; document.getElementById(mainOptionElementId).value = mainOption;
document.getElementById(subOptionElementId).value = subOption; document.getElementById(subOptionElementId).value = subOption;
} else {
let byEl = $($(tr).attr("data-search-target")).find("[name='by']");
let byOutputEl = $($(tr).attr("data-search-target")).find("[name='byOutput']");
let mainOptionEl = $($(tr).attr("data-search-target")).find("[name='mainOption']");
let subOptionEl = $($(tr).attr("data-search-target")).find("[name='subOption']");
byEl.value = snakeToCamel(byValue);
byOutputEl.value = byOutputValue;
mainOptionEl.value = mainOption;
subOptionEl.value = subOption;
}
} }
/************************************************************************** /**************************************************************************

Write Preview
Loading…
Cancel
Save