Merge branch 'dev' into dev-feat-doc
jjh
2 years ago
commit
2ac0807160
Binary file not shown.
@ -0,0 +1,224 @@
|
||||
<%@ page import="kr.xit.fims.biz.FimsConst" %><%--
|
||||
================================================================================
|
||||
File : /fims/biz/template/templateForm.jsp
|
||||
Name : JSP Form file template
|
||||
Auth : lim.jong.uk
|
||||
Date : 2023-03-08
|
||||
Desc : JSP Form 파일 템플릿
|
||||
================================================================================
|
||||
Date Author Description
|
||||
================================================================================
|
||||
================================================================================
|
||||
--%>
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ include file="/WEB-INF/jsp/framework/taglibs.jsp" %>
|
||||
<!-- java class constants 사용시 아래와 같이 사용 -->
|
||||
<%--<c:set var="citizen" value="<%= FimsConst.RegltSeCode.CITIZEN.getCode() %>"/>--%>
|
||||
|
||||
<div class="search r2">
|
||||
<form name="frmSearch" id="frmSearch">
|
||||
<table>
|
||||
<caption>검색조건</caption>
|
||||
<colgroup>
|
||||
<col style="width: 110px;"/>
|
||||
<col style="width: 250px;"/>
|
||||
<col style="width: 250px;"/>
|
||||
<col style="width: 250px;"/>
|
||||
<col style="width: 100px;"/>
|
||||
<col/>
|
||||
<col/>
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<!-- 공통코드 select box JSTL : radio 버튼은 :radio 로 -->
|
||||
<code:select type="CMM_CFN" id="clCode" name="clCode" emptyMessageKey="table.select.clCode" title="분류코드" alt="selectBox tag" cls="selectBox"/>
|
||||
</td>
|
||||
<td>
|
||||
<label for="codeId">코드그룹ID</label>
|
||||
<input name="codeId" title="코드그룹ID" type="text" size="15" maxlength="15" id="codeId">
|
||||
</td>
|
||||
<td>
|
||||
<label for="codeIdNm">코드그룹명</label>
|
||||
<input name="codeIdNm" title="코드그룹명" type="text" size="35" maxlength="35" id="codeIdNm">
|
||||
</td>
|
||||
<td>
|
||||
<label for="codeNm">공통코드명</label>
|
||||
<input name="codeNm" title="공통코드명" type="text" size="35" maxlength="35" id="codeNm">
|
||||
</td>
|
||||
<td>
|
||||
<select name="useAt" title="사용여부" class="selectBox">
|
||||
<option value=''>-- 사용여부 --</option>
|
||||
<option value='Y'>사용</option>
|
||||
<option value='N'>미사용</option>
|
||||
</select>
|
||||
</td>
|
||||
<td colspan="2">
|
||||
<input type="button" id="btnSearch" class="btn_search" title="검색" value="검색" />
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
<!-- //검색 -->
|
||||
|
||||
<div class="page_btn">
|
||||
<span class="fll">
|
||||
<div class="list clearfix" id="totCnt">전체 ㅣ <span>0</span></div>
|
||||
</span>
|
||||
<span class="flr">
|
||||
<a href="#" class="btn darkgray" id="btnRegist" title="등록">등록</a>
|
||||
</span>
|
||||
</div>
|
||||
<!-- //버튼 및 페이지정보 -->
|
||||
|
||||
<!-- grid 데이터 출력 -->
|
||||
<div id="grid" style="margin-top: 10px;"></div>
|
||||
|
||||
|
||||
<script type="text/javaScript">
|
||||
/**************************************************************************
|
||||
* Global Variable
|
||||
**************************************************************************/
|
||||
// 데이터 조회 : popup에서 호출 하기위해 var로 선언
|
||||
var callbackSearch = () => fnBiz.search();
|
||||
let GRID = null;
|
||||
|
||||
/* *******************************
|
||||
* Biz function
|
||||
******************************* */
|
||||
const fnBiz = {
|
||||
search: () => {
|
||||
GRID.reloadData();
|
||||
}
|
||||
,pagePopup: function(flag, params){
|
||||
let url = '<c:url value="/framework/biz/mng/code/mngCodeDtlMgtPopup.do"/>';
|
||||
let popTitle;
|
||||
let popOption = {width: 700, height:500}
|
||||
switch (flag) {
|
||||
case "add":
|
||||
popTitle = "[업무명] 등록";
|
||||
break;
|
||||
case "detail":
|
||||
popTitle = "[업무명] 상세";
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
popup = CmmPopup.open(url, params, popOption, popTitle);
|
||||
}
|
||||
,onClickGrid: function(props){
|
||||
const rowData = props.grid.getRow(props.rowKey);
|
||||
fnBiz.pagePopup('detail', rowData);
|
||||
}
|
||||
}
|
||||
|
||||
/**************************************************************************
|
||||
* event
|
||||
**************************************************************************/
|
||||
$(() => {
|
||||
$('#btnSearch').on('click', () => {
|
||||
fnBiz.search();
|
||||
});
|
||||
|
||||
$('#btnRegist').on('click', () => {
|
||||
fnBiz.pagePopup('add', null);
|
||||
});
|
||||
});
|
||||
|
||||
/* *******************************
|
||||
* Grid
|
||||
******************************* */
|
||||
const initGrid = () => {
|
||||
|
||||
/* ******************************
|
||||
* Grid start
|
||||
****************************** */
|
||||
//Grid 컬럼 정보
|
||||
const gridColumns = [
|
||||
{
|
||||
header: '코드그룹ID',
|
||||
name: 'codeId',
|
||||
width: 100,
|
||||
sortable: true,
|
||||
sortingType: 'desc',
|
||||
align: 'center'
|
||||
},
|
||||
// grid click event
|
||||
{
|
||||
header: '코드그룹명',
|
||||
name: 'codeIdNm',
|
||||
width: 150,
|
||||
sortable: true,
|
||||
sortingType: 'desc',
|
||||
//align: 'center',
|
||||
renderer: {
|
||||
type: CustomButtonRenderer,
|
||||
options: {
|
||||
formatter : (props)=>{
|
||||
const rowData = props.grid.getRow(props.rowKey);
|
||||
return {
|
||||
formatter: rowData.codeIdNm
|
||||
,element: "text"
|
||||
}
|
||||
}
|
||||
,eventFunction: fnBiz.onClickGrid
|
||||
,eventType : "click"
|
||||
}
|
||||
}
|
||||
},
|
||||
// grid select box
|
||||
// /webapp/resources/biz/common/js/codeComboData.js에 정의한 코드값 매핑
|
||||
{
|
||||
header: '등록구분',
|
||||
name: 'registSeCode',
|
||||
minWidth: 60,
|
||||
sortable: false,
|
||||
align: 'center',
|
||||
formatter: 'listItemText',
|
||||
disabled: true,
|
||||
editor: {
|
||||
type: "select",
|
||||
options: {
|
||||
listItems: ComboCodeData.registSeCode //
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
];
|
||||
const gridDatasource = {
|
||||
// grid load시 조회 : default false
|
||||
//initialRequest: true,
|
||||
api: {
|
||||
readData: {
|
||||
url: '<c:url value="/framework/biz/mng/code/findCodeDtls.do"/>'
|
||||
,serializer: (params) => fnAddPageInfo(document.frmSearch, params)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const gridOptions = {
|
||||
el: 'grid',
|
||||
// row number 표시 : checkbox - 체크박스 표시
|
||||
rowHeaders: ['rowNum'],
|
||||
columns: gridColumns,
|
||||
// 틀고정 필요시 : 1번째 컬럼까지 고정
|
||||
//columnOptions: {
|
||||
// frozenCount: 1
|
||||
//}
|
||||
};
|
||||
|
||||
GRID = TuiGrid.of(gridOptions, gridDatasource, (res) => {
|
||||
// 그리드 데이타 조회후 처리할 내용이 있으면 기술
|
||||
//
|
||||
});
|
||||
};
|
||||
|
||||
/**************************************************************************
|
||||
* initialize
|
||||
**************************************************************************/
|
||||
$(document).ready(function(){
|
||||
initGrid();
|
||||
});
|
||||
</script>
|
||||
@ -0,0 +1,196 @@
|
||||
<%--
|
||||
================================================================================
|
||||
File : /fims/biz/template/templatePopup.jsp
|
||||
Name : JSP Popup file template
|
||||
Auth : lim.jong.uk
|
||||
Date : 2023-03-08
|
||||
Desc : JSP Popup 파일 템플릿
|
||||
================================================================================
|
||||
Date Author Description
|
||||
================================================================================
|
||||
================================================================================
|
||||
--%>
|
||||
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@ include file="/WEB-INF/jsp/framework/taglibs.jsp" %>
|
||||
|
||||
<!-- 등록 또는 변경 여부를 판단할 수 있는 키값으로 설정 -->
|
||||
<!-- 메인폼 화면의 그리드에서 건별로 클릭하여 처리하는 경우만 가능 -->
|
||||
<c:set var="isUpdate" value="${!empty cmmnDetailCode.codeId}"/>
|
||||
<c:set var="bizName" value="공통 코드"/>
|
||||
|
||||
<div class="popup" style="min-width: 100%;">
|
||||
<!-- form 화면에서 팝업호출시 set한 값으로 set -->
|
||||
<div class="popup_inner_02" style="max-width: 700px;">
|
||||
<!-- 위에서 set한 bizName으로 isUpdate에 따라 변경 / 등록 타이틀 표시 -->
|
||||
<%@include file="/WEB-INF/jsp/framework/biz-popup-title.jsp" %>
|
||||
|
||||
<form>
|
||||
<table class="tbl03">
|
||||
<caption><c:out value="${bizName}"/> 등록 / 변경</caption>
|
||||
<colgroup>
|
||||
<col style="width: 20%;"/>
|
||||
<col style="width: 30%;"/>
|
||||
<col style="width: 20%;"/>
|
||||
<col style="width: 30%;"/>
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<!-- 메인폼 화면의 그리드에서 건별로 클릭하여 처리하는 경우 JSTL 태그로 처리 -->
|
||||
<tr>
|
||||
<th class="required" scope="row" nowrap>
|
||||
<label for="codeId">코드그룹</label>
|
||||
</th>
|
||||
|
||||
<td nowrap>
|
||||
<input type="text" id="codeId" name="codeId" value="${cmmnDetailCode.codeId}">
|
||||
</td>
|
||||
<th class="required" scope="row" nowrap>
|
||||
<label for="code">코드</label>
|
||||
</th>
|
||||
<td nowrap>
|
||||
<input type="text" id="code" name="code" value="${cmmnDetailCode.code}"/>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- 메인폼 화면의 그리드에서 건별로 클릭하여 처리하는 경우 JSTL 태그로 처리 -->
|
||||
|
||||
|
||||
<!-- Dynamic 한 데이타 처리시(예:메인폼 화면의 그리드 클릭후 이전/이후 데이타로 이동하는 경우) -->
|
||||
<!--이경우는 JSTL을 사용할 수 없다 : 사용하려면 창을 닫고, 메인에서 다시 팝업호출 하는 방식으로 해야함 -->
|
||||
<tr>
|
||||
<th class="required" scope="row" nowrap>
|
||||
<label for="codeId1">코드그룹</label>
|
||||
</th>
|
||||
|
||||
<td nowrap>
|
||||
<input type="text" id="codeId1" name="codeId">
|
||||
</td>
|
||||
<th class="required" scope="row" nowrap>
|
||||
<label for="code1">코드</label>
|
||||
</th>
|
||||
<td nowrap>
|
||||
<input type="text" id="code1" name="code"/>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- Dynamic 한 데이타 처리시(예:메인폼 화면의 그리드 클릭후 이전/이후 데이타로 이동하는 경우) -->
|
||||
<!--이경우는 JSTL을 사용할 수 없다 : 사용하려면 창을 닫고, 메인에서 다시 팝업호출 하는 방식으로 해야함 -->
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
|
||||
<!-- 팝업 버튼 : 업무에 따라 선택 적용 -->
|
||||
<%@include file="/WEB-INF/jsp/framework/biz-popup-use-btn.jsp" %>
|
||||
<%@include file="/WEB-INF/jsp/framework/biz-popup-btn.jsp" %>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- //popup -->
|
||||
|
||||
<script type="text/javaScript">
|
||||
/**************************************************************************
|
||||
* Global Variable
|
||||
**************************************************************************/
|
||||
// 데이타 서버 전송시 변경여부 체크를 위한 변수
|
||||
// onload 완료후 form data 저장
|
||||
let orgData;
|
||||
|
||||
/* *******************************
|
||||
* Biz function
|
||||
******************************* */
|
||||
const fnBiz = {
|
||||
<!-- Dynamic 한 데이타 처리시(예:메인폼 화면의 그리드 클릭후 이전/이후 데이타로 이동하는 경우) -->
|
||||
search: (params) => {
|
||||
// 공통 프레임웍 사용 : /webapp/resources/framework/js/cmm/XitCmmnUtil.js
|
||||
cmmAjax({
|
||||
// ajax 호출 성공 alert disable
|
||||
showSuccessMsg: false
|
||||
,url: fimsApiUrl.FIND_CRACKDOWN_INFO
|
||||
,data: params
|
||||
,success: (res) => {
|
||||
// from 태그 내의 element 에 data set
|
||||
// form object의 element 태그에 json data binding
|
||||
// name 속성으로 binding : name 속성 = json key 가 동일해야만 한다
|
||||
// format이 필요한 element : data-fmt-type 에 dt|day|time|number 로 set
|
||||
// /webapp/resources/framework/js/cmm/cmmUtil.js
|
||||
// 사용예 : 단속관리 > 단속현황 관리 > 초기자료편집 - /WEB-INF/jsp/fims/biz/cmm/cmmCrackdownEditPopup.jsp
|
||||
// 사용예 : 단속관리 > 단속현황 관리 > 개별총정보 - /WEB-INF/jsp/fims/biz/cmm/cmmCrackdownTotMgtPopup.jsp
|
||||
setFormData(document.querySelector('#frm'), res.cmmnDetailCode);
|
||||
orgData = $('form').serialize();
|
||||
}
|
||||
})
|
||||
},
|
||||
<!-- Dynamic 한 데이타 처리시(예:메인폼 화면의 그리드 클릭후 이전/이후 데이타로 이동하는 경우) -->
|
||||
|
||||
add: () => {
|
||||
if (!fnBiz.validate()) return;
|
||||
|
||||
// 공통 프레임웍 사용 : /webapp/resources/framework/js/cmm/XitCmmnUtil.js
|
||||
// 1. confirm 메세지후 응답에 따라 ajax 호출
|
||||
// 2-1. ajax 호출이 성공이면 성공 메세지 alert
|
||||
// 2-2. ajax 호출이 실패면 메세지 alert후 종료
|
||||
// 3. ajax 호출 성공시 부모창의 callbackSearch() 호출
|
||||
cmmBizAjax('add', {
|
||||
url: '<c:url value="/framework/biz/mng/code/.do"/>'
|
||||
, data: $("#cmmnDetailCode").serialize()
|
||||
})
|
||||
}
|
||||
,modify: () => {
|
||||
if (!fnBiz.validate()) return;
|
||||
|
||||
cmmBizAjax('modify', {
|
||||
url: '<c:url value="/framework/biz/mng/code/.do"/>'
|
||||
,data: $("#cmmnDetailCode").serialize()
|
||||
});
|
||||
}
|
||||
,remove: () => {
|
||||
cmmBizAjax('remove', {
|
||||
url: '<c:url value="/framework/biz/mng/code/.do"/>'
|
||||
,data: $("#cmmnDetailCode").serialize()
|
||||
});
|
||||
}
|
||||
|
||||
,validate: () => {
|
||||
if(orgData === $('form').serialize()){
|
||||
alert('변경된 내용이 없습니다.');
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
};
|
||||
|
||||
/**************************************************************************
|
||||
* event
|
||||
**************************************************************************/
|
||||
$(() => {
|
||||
|
||||
$("#btnClose").on('click', () => {
|
||||
window.close()
|
||||
});
|
||||
|
||||
$('#btnRegist').on('click', () => {
|
||||
fnBiz.add();
|
||||
});
|
||||
|
||||
$('#btnModify').on('click', () => {
|
||||
fnBiz.modify();
|
||||
});
|
||||
|
||||
$('#btnRemove').on('click', () => {
|
||||
fnBiz.remove();
|
||||
});
|
||||
});
|
||||
/**************************************************************************
|
||||
* initialize
|
||||
**************************************************************************/
|
||||
$(document).ready(function () {
|
||||
<!-- 메인폼 화면의 그리드에서 건별로 클릭하여 처리하는 경우 -->
|
||||
orgData = $('form').serialize();
|
||||
<!-- 메인폼 화면의 그리드에서 건별로 클릭하여 처리하는 경우 -->
|
||||
|
||||
|
||||
// Dynamic 한 데이타 처리시(예:메인폼 화면의 그리드 클릭후 이전/이후 데이타로 이동하는 경우)
|
||||
fnPopupBiz.search({
|
||||
code: '${param.code}'
|
||||
})
|
||||
// Dynamic 한 데이타 처리시(예:메인폼 화면의 그리드 클릭후 이전/이후 데이타로 이동하는 경우)
|
||||
});
|
||||
</script>
|
||||
Loading…
Reference in New Issue