|
|
|
@ -75,8 +75,8 @@
|
|
|
|
<!-- 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 ox-scroll oy-scroll h-px-300" name="table-responsive">
|
|
|
|
<div class="table-responsive ox-scroll oy-scroll h-px-300" name="tableRspns">
|
|
|
|
<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" name="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
|
|
|
|
<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" aria-describedby="DataTables_Table_0_info">
|
|
|
|
<thead class="sticky-thead">
|
|
|
|
<thead class="sticky-thead">
|
|
|
|
<tr name="theadTr" data-search-target="[data-doctx='${pageName}']">
|
|
|
|
<tr name="theadTr" data-search-target="[data-doctx='${pageName}']">
|
|
|
|
<th class="cmn" style="width: 72px;">No.</th>
|
|
|
|
<th class="cmn" style="width: 72px;">No.</th>
|
|
|
|
@ -94,7 +94,7 @@
|
|
|
|
</thead>
|
|
|
|
</thead>
|
|
|
|
<tbody name="tbodyList">
|
|
|
|
<tbody name="tbodyList">
|
|
|
|
</tbody>
|
|
|
|
</tbody>
|
|
|
|
<template is="curly-brackets" name="dataRow">
|
|
|
|
<template is="curly-brackets" name="tmpltRows">
|
|
|
|
<tr data-key="ENT_ID">
|
|
|
|
<tr data-key="ENT_ID">
|
|
|
|
<td class="cmn text-center" onclick ondblclick>{ROW_NUM}</td>
|
|
|
|
<td class="cmn text-center" onclick ondblclick>{ROW_NUM}</td>
|
|
|
|
<td class="cmn text-center"><input type="checkbox" class="form-check-input" name="gridCheckbox" value="ENT_ID" onchange="pageObject['${pageName}'].dataTableCheckbox(this, this.checked);" /></td>
|
|
|
|
<td class="cmn text-center"><input type="checkbox" class="form-check-input" name="gridCheckbox" value="ENT_ID" onchange="pageObject['${pageName}'].dataTableCheckbox(this, this.checked);" /></td>
|
|
|
|
@ -109,7 +109,7 @@
|
|
|
|
<td class="cmn dummy-td"></td>
|
|
|
|
<td class="cmn dummy-td"></td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template name="dataNotFound">
|
|
|
|
<template name="notFound">
|
|
|
|
<tr class="odd">
|
|
|
|
<tr class="odd">
|
|
|
|
<td valign="top" colspan="11" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
|
|
|
<td valign="top" colspan="11" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
@ -277,8 +277,9 @@
|
|
|
|
let dataList = $P.ctrl.dataset;
|
|
|
|
let dataList = $P.ctrl.dataset;
|
|
|
|
let empty = dataList.empty;
|
|
|
|
let empty = dataList.empty;
|
|
|
|
|
|
|
|
|
|
|
|
let trs = empty ? [$P.find("dataNotFound").innerHTML] :
|
|
|
|
let trs = empty ? [$P.find("notFound").innerHTML] :
|
|
|
|
dataList.inStrings($P.find("dataRow").innerHTML, (str, dataItem) => str
|
|
|
|
dataList.inStrings($P.find("tmpltRows").innerHTML
|
|
|
|
|
|
|
|
, (str, dataItem) => str
|
|
|
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].dataTableClick('" + dataItem.getValue("ENT_ID") + "');")
|
|
|
|
.replace(/{onclick}/gi, "pageObject['${pageName}'].dataTableClick('" + dataItem.getValue("ENT_ID") + "');")
|
|
|
|
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dataTableDblClick('" + dataItem.getValue("ENT_ID") + "');")
|
|
|
|
.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dataTableDblClick('" + dataItem.getValue("ENT_ID") + "');")
|
|
|
|
);
|
|
|
|
);
|
|
|
|
@ -290,7 +291,7 @@
|
|
|
|
initScroll = false;
|
|
|
|
initScroll = false;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$P.find("table-responsive").changeContent(trs.join(), initScroll, noMore);
|
|
|
|
$P.find("tableRspns").changeContent(trs.join(), initScroll, noMore);
|
|
|
|
|
|
|
|
|
|
|
|
// checkbox 체크 해제
|
|
|
|
// checkbox 체크 해제
|
|
|
|
$P.$find("gridAllCheckbox").prop("checked", false);
|
|
|
|
$P.$find("gridAllCheckbox").prop("checked", false);
|
|
|
|
@ -382,7 +383,7 @@
|
|
|
|
// DataTable(그리드)
|
|
|
|
// DataTable(그리드)
|
|
|
|
$P.ctrl.query.cellDefs =
|
|
|
|
$P.ctrl.query.cellDefs =
|
|
|
|
getCellDefs($P.$find("theadTr").find("th").not(".dummy-th").not(":eq(0)")
|
|
|
|
getCellDefs($P.$find("theadTr").find("th").not(".dummy-th").not(":eq(0)")
|
|
|
|
, $($P.find("dataRow").content).find("td").not(".dummy-td").not(":eq(0)"));
|
|
|
|
, $($P.find("tmpltRows").content).find("td").not(".dummy-td").not(":eq(0)"));
|
|
|
|
|
|
|
|
|
|
|
|
$P.ctrl.download();
|
|
|
|
$P.ctrl.download();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -471,10 +472,10 @@
|
|
|
|
$P.$find("btnRemove").on("click", () => { $P.fnRemove(); }); // 삭제
|
|
|
|
$P.$find("btnRemove").on("click", () => { $P.fnRemove(); }); // 삭제
|
|
|
|
|
|
|
|
|
|
|
|
// DataTable width 변경 조정
|
|
|
|
// DataTable width 변경 조정
|
|
|
|
fnMakeResizableTable($P.find("table-responsive"));
|
|
|
|
fnMakeResizableTable($P.find("tableRspns"));
|
|
|
|
|
|
|
|
|
|
|
|
// DataTable 스크롤 이벤트 생성
|
|
|
|
// DataTable 스크롤 이벤트 생성
|
|
|
|
fnMakeScrollableTable($P.find("table-responsive"), $P.scrollDataList);
|
|
|
|
fnMakeScrollableTable($P.find("tableRspns"), $P.scrollDataList);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
/**************************************************************************
|
|
|
|
|
jjh
3 months ago