그리드 정렬 기능 추가

main
이범준 1 year ago
parent 32b06ae92a
commit a28c3d9353

@ -254,25 +254,25 @@ $(document).ready(function(){
* Grid * Grid
******************************* */ ******************************* */
thisPO.gridColumns = [ thisPO.gridColumns = [
{ header: '차량번호', name: 'VHRNO', width: 80, align: 'center' }, { header: '차량번호', name: 'VHRNO', width: 80, className: 'text-center' },
{ header: '단속구분(신고방법)', name: 'CRDN_SE_CD', width: 100, align: 'center' }, { header: '단속구분(신고방법)', name: 'CRDN_SE_CD', width: 100, className: 'text-center' },
{ header: '위반일시', name: 'CRDN_YMD_TM', width: 120, align: 'center' }, { header: '위반일시', name: 'CRDN_YMD_TM', width: 120, className: 'text-center' },
{ header: '사진건수', name: 'ATCH_FILE_CNT', width: 40, align: 'center' }, { header: '사진건수', name: 'ATCH_FILE_CNT', width: 40, className: 'text-center' },
{ header: '수납금액', name: 'RCVMT_AMT', width: 100, align: 'right' }, { header: '수납금액', name: 'RCVMT_AMT', width: 100, className: 'text-end' },
{ header: '위반횟수', name: 'VLTN_NMTM', width: 80, align: 'right' }, { header: '위반횟수', name: 'VLTN_NMTM', width: 80, className: 'text-center' },
{ header: '위반장소', name: 'CRDN_PLC', width: 150 }, { header: '위반장소', name: 'CRDN_PLC', width: 150 },
{ header: '주민번호(전체)', name: 'RTPYR_NO', width: 110, align: 'center', className: "privacy" }, { header: '주민번호(전체)', name: 'RTPYR_NO', width: 110, className: 'text-center privacy' },
{ header: '주민번호(마스킹)', name: 'RTPYR_NO_MASK', width: 110, align: 'center', className: "privacy-mask" }, { header: '주민번호(마스킹)', name: 'RTPYR_NO_MASK', width: 110, className: 'text-center privacy-mask' },
{ header: '특기사항', name: 'ETC_CN', width: 80, align: 'center' }, { header: '특기사항', name: 'ETC_CN', width: 80, className: 'text-center' },
{ header: '서손사유', name: 'ETC_CN', width: 80, align: 'center' }, { header: '서손사유', name: 'ETC_CN', width: 80, className: 'text-center' },
{ header: '처리상태명', name: 'CRDN_STTS_NM', width: 80}, { header: '처리상태명', name: 'CRDN_STTS_NM', width: 80},
{ header: '민원접수번호', name: 'CVLCPT_RCPT_NO', width: 150, align: 'center' }, { header: '민원접수번호', name: 'CVLCPT_RCPT_NO', width: 150, className: 'text-center' },
{ header: '민원접수일자', name: 'CVLCPT_RCPT_YMD', width: 80, align: 'center' }, { header: '민원접수일자', name: 'CVLCPT_RCPT_YMD', width: 80, className: 'text-center' },
{ header: '처리기한', name: 'CVLCPT_PRCS_PRNMNT_DT', width: 80, align: 'center' }, { header: '처리기한', name: 'CVLCPT_PRCS_PRNMNT_DT', width: 80, className: 'text-center' },
{ header: '신고자', name: 'CVLCPT_APLCNT_NM', width: 80, align: 'center' }, { header: '신고자', name: 'CVLCPT_APLCNT_NM', width: 80, className: 'text-center' },
{ header: '등록구분', name: 'CRDN_REG_SE_CD', width: 50, align: 'center' }, { header: '등록구분', name: 'CRDN_REG_SE_CD', width: 50, className: 'text-center' },
{ header: '등록일시', name: 'REG_DT', width: 150, align: 'center' }, { header: '등록일시', name: 'REG_DT', width: 150, className: 'text-center' },
{ header: '최종처리일시', name: 'MDFCN_DT', width: 150, align: 'center' }, { header: '최종처리일시', name: 'MDFCN_DT', width: 150, className: 'text-center' },
{ header: '상태', name: 'CRDN_STTS_CD', hidden: true }, { header: '상태', name: 'CRDN_STTS_CD', hidden: true },
{ header: '서손ID', name: 'LEVY_EXCL_ID', hidden: true }, { header: '서손ID', name: 'LEVY_EXCL_ID', hidden: true },
{ header: '소유자ID', name: 'RTPYR_ID', hidden: true }, { header: '소유자ID', name: 'RTPYR_ID', hidden: true },

@ -234,25 +234,23 @@ $(document).ready(function(){
* Grid * Grid
******************************* */ ******************************* */
thisPO.gridColumns = [ thisPO.gridColumns = [
{ header: '차량번호', name: 'VHRNO', width: 80, align: 'center' }, { header: '차량번호', name: 'VHRNO', width: 80, className: 'text-center' },
{ header: '단속구분(신고방법)', name: 'CRDN_SE_CD', width: 100, align: 'center' }, { header: '단속구분(신고방법)', name: 'CRDN_SE_CD', width: 100, className: 'text-center' },
{ header: '위반일시', name: 'CRDN_YMD_TM', width: 120, align: 'center' }, { header: '위반일시', name: 'CRDN_YMD_TM', width: 120, className: 'text-center' },
{ header: '사진건수', name: 'ATCH_FILE_CNT', width: 40, align: 'center' }, { header: '사진건수', name: 'ATCH_FILE_CNT', width: 40, className: 'text-center' },
{ header: '수납금액', name: 'RCVMT_AMT', width: 100, align: 'right' }, { header: '수납금액', name: 'RCVMT_AMT', width: 100, className: 'text-end' },
{ header: '위반횟수', name: 'VLTN_NMTM', width: 80, align: 'right' }, { header: '위반횟수', name: 'VLTN_NMTM', width: 80, className: 'text-center' },
{ header: '위반장소', name: 'CRDN_PLC', width: 150 }, { header: '위반장소', name: 'CRDN_PLC', width: 150 },
{ header: '주민번호(전체)', name: 'RTPYR_NO', width: 110, align: 'center', className: "privacy" }, { header: '특기사항', name: 'ETC_CN', width: 80, className: 'text-center' },
{ header: '주민번호(마스킹)', name: 'RTPYR_NO_MASK', width: 110, align: 'center', className: "privacy-mask" }, { header: '서손사유', name: 'ETC_CN', width: 80, className: 'text-center' },
{ header: '특기사항', name: 'ETC_CN', width: 80, align: 'center' },
{ header: '서손사유', name: 'ETC_CN', width: 80, align: 'center' },
{ header: '처리상태명', name: 'CRDN_STTS_NM', width: 80}, { header: '처리상태명', name: 'CRDN_STTS_NM', width: 80},
{ header: '민원접수번호', name: 'CVLCPT_RCPT_NO', width: 150, align: 'center' }, { header: '민원접수번호', name: 'CVLCPT_RCPT_NO', width: 150, className: 'text-center' },
{ header: '민원접수일자', name: 'CVLCPT_RCPT_YMD', width: 80, align: 'center' }, { header: '민원접수일자', name: 'CVLCPT_RCPT_YMD', width: 80, className: 'text-center' },
{ header: '처리기한', name: 'CVLCPT_PRCS_PRNMNT_DT', width: 80, align: 'center' }, { header: '처리기한', name: 'CVLCPT_PRCS_PRNMNT_DT', width: 80, className: 'text-center' },
{ header: '신고자', name: 'CVLCPT_APLCNT_NM', width: 80, align: 'center' }, { header: '신고자', name: 'CVLCPT_APLCNT_NM', width: 80, className: 'text-center' },
{ header: '등록구분', name: 'CRDN_REG_SE_CD', width: 50, align: 'center' }, { header: '등록구분', name: 'CRDN_REG_SE_CD', width: 50, className: 'text-center' },
{ header: '등록일시', name: 'REG_DT', width: 150, align: 'center' }, { header: '등록일시', name: 'REG_DT', width: 150, className: 'text-center' },
{ header: '최종처리일시', name: 'MDFCN_DT', width: 150, align: 'center' }, { header: '최종처리일시', name: 'MDFCN_DT', width: 150, className: 'text-center' },
{ header: '상태', name: 'CRDN_STTS_CD', hidden: true }, { header: '상태', name: 'CRDN_STTS_CD', hidden: true },
{ header: '서손ID', name: 'LEVY_EXCL_ID', hidden: true }, { header: '서손ID', name: 'LEVY_EXCL_ID', hidden: true },
{ header: '소유자ID', name: 'RTPYR_ID', hidden: true }, { header: '소유자ID', name: 'RTPYR_ID', hidden: true },

@ -35,6 +35,11 @@ var initGrid = (gridOptions) => {
gWidth = "0px"; gWidth = "0px";
} }
var gClass = item.className;
if(!gClass){
gClass = "";
}
var gHidden = item.hidden; var gHidden = item.hidden;
if(!gHidden){ if(!gHidden){
gHidden = ""; gHidden = "";
@ -47,6 +52,7 @@ var initGrid = (gridOptions) => {
strThs += `<th strThs += `<th
tabindex="0" rowspan="1" colspan="1" class="sorting" tabindex="0" rowspan="1" colspan="1" class="sorting"
style="width: ${gWidth};" style="width: ${gWidth};"
class="${gClass}"
${gHidden} ${gHidden}
>${gHeader} >${gHeader}
</th>`; </th>`;
@ -54,12 +60,11 @@ var initGrid = (gridOptions) => {
strBodyTrs += `<td strBodyTrs += `<td
onclick="${gridOptions.clickEvent}" onclick="${gridOptions.clickEvent}"
ondblclick="${gridOptions.dblClickEvent}" ondblclick="${gridOptions.dblClickEvent}"
class="${gClass}"
${gHidden} ${gHidden}
>{${item.name}} >{${item.name}}
</td>`; </td>`;
//var gAlign = item.align; 정렬
}); });
strBodyTrs += `</tr>`; strBodyTrs += `</tr>`;
@ -74,10 +79,4 @@ var initGrid = (gridOptions) => {
tableBodyTemplate.notFound = notFound; tableBodyTemplate.notFound = notFound;
return tableBodyTemplate; return tableBodyTemplate;
//$("#"+gridTheadTr).append();
//스크롤이벤트
// GRID.on('dblclick', function (props) { fnBiz.onDblClickGrid(props); }); 더블클릭
}; };
Loading…
Cancel
Save