사용자 검색 수정.

main
jjh 4 months ago
parent fe1ff55767
commit b3137068ee

@ -3,6 +3,7 @@ package cokr.xit.fims.base.web;
import java.util.List; import java.util.List;
import javax.annotation.Resource; import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import org.springframework.stereotype.Controller; import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMapping;
@ -164,15 +165,17 @@ public class UserController extends cokr.xit.base.user.web.UserController<Manage
@RequestMapping(name="사용자 검색",value="/user02/010/main.do") @RequestMapping(name="사용자 검색",value="/user02/010/main.do")
public ModelAndView findUserMain(String callbackFuncName) { public ModelAndView findUserMain(HttpServletRequest hReq, String callbackFuncName) {
ModelAndView mav = new ModelAndView("fims/user/user02010-main"); ModelAndView mav = new ModelAndView("fims/user/user02010-main");
// 사용자 정보 // 사용자 정보
ManagedUser managedUser = (ManagedUser)currentUser().getUser(); ManagedUser managedUser = (ManagedUser)currentUser().getUser();
return mav return mav
.addObject("openerPageName", hReq.getParameter("openerPageName")) // 호출한 Jsp PageName
.addObject("pageName", "user02010") // View(jsp)에서 사용할 id 뒤에 붙일 suffix .addObject("pageName", "user02010") // View(jsp)에서 사용할 id 뒤에 붙일 suffix
.addObject("infoPrefix", "user") // prefix .addObject("infoPrefix", "user") // prefix
.addObject("infoPrefixUrl", "/user/user02") // prefixUrl
.addObject("callbackFuncName", callbackFuncName) // 콜백함수(callbackFuncName) .addObject("callbackFuncName", callbackFuncName) // 콜백함수(callbackFuncName)
.addObject("sggCd", managedUser.getOrgID()) // 시군구 코드(SGG_CD) .addObject("sggCd", managedUser.getOrgID()) // 시군구 코드(SGG_CD)
.addObject("deptCd", managedUser.getDeptCode()) // 부서 코드(DEPT_CD) .addObject("deptCd", managedUser.getDeptCode()) // 부서 코드(DEPT_CD)

@ -1027,11 +1027,11 @@ $(document).ready(function(){
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -555,11 +555,11 @@ $(document).ready(function(){
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -421,11 +421,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -548,11 +548,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -429,11 +429,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -333,10 +333,8 @@
}); });
// $P.control 설정 // $P.control 설정
$P.control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30 $P.control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
$P.control.beforeCurrent = null; $P.control.beforeCurrent = null;
/************************************************************************** /**************************************************************************
* DatasetControl 이벤트 * DatasetControl 이벤트
**************************************************************************/ **************************************************************************/
@ -352,8 +350,6 @@
, fetchSize: obj.${infoPrefix}Fetch , fetchSize: obj.${infoPrefix}Fetch
, func: "pageObject['${pageName}'].control.load({index})" , func: "pageObject['${pageName}'].control.load({index})"
}); });
}; };
// 현재 선택 자료 변경 이벤트 // 현재 선택 자료 변경 이벤트
@ -461,7 +457,7 @@
let noMore = (${infoPrefix}List.length >= totalSize); let noMore = (${infoPrefix}List.length >= totalSize);
let initScroll = ($P.control.query.pageNum < 2); let initScroll = ($P.control.query.pageNum < 2);
if(option != null && option.reloaded){ if (option != null && option.reloaded) {
initScroll = false; initScroll = false;
} }
@ -476,7 +472,6 @@
// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트 // DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
$P.scrollDataList = () => { $P.scrollDataList = () => {
$P.control.load($P.control.query.pageNum + 1); $P.control.load($P.control.query.pageNum + 1);
} }
@ -562,11 +557,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -629,11 +629,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -443,11 +443,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -532,11 +532,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -554,11 +554,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"
@ -607,7 +607,7 @@
$("#btnReset--${pageName}").on("click", () => $P.fnResetAndChangeBiz()); // 초기화 $("#btnReset--${pageName}").on("click", () => $P.fnResetAndChangeBiz()); // 초기화
$("#btnSearch--${pageName}").on("click", () => $P.fnSearchList()); // 검색 $("#btnSearch--${pageName}").on("click", () => $P.fnSearchList()); // 검색
$("#btnExcel--${pageName}").on("click", () => $P.fnExcel()); // 엑셀 $("#btnExcel--${pageName}").on("click", () => $P.fnExcel()); // 엑셀
$("#btnFindUser--${pageName}").on("click", () => $P.fnFindUser()); // 사용자 검색 $("#btnFindUser--${pageName}").on("click", () => $P.fnGetFindUser()); // 사용자 검색
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다. // 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
$("#term--${pageName}").onEnterPress(function() { $("#term--${pageName}").onEnterPress(function() {

@ -539,11 +539,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"
@ -645,7 +645,7 @@
$("#btnReset--${pageName}").on("click", () => $P.fnResetAndChangeBiz()); // 초기화 $("#btnReset--${pageName}").on("click", () => $P.fnResetAndChangeBiz()); // 초기화
$("#btnSearch--${pageName}").on("click", () => $P.fnSearchList()); // 검색 $("#btnSearch--${pageName}").on("click", () => $P.fnSearchList()); // 검색
$("#btnExcel--${pageName}").on("click", () => $P.fnExcel()); // 엑셀 $("#btnExcel--${pageName}").on("click", () => $P.fnExcel()); // 엑셀
$("#btnFindUser--${pageName}").on("click", () => $P.fnFindUser()); // 사용자 검색 $("#btnFindUser--${pageName}").on("click", () => $P.fnGetFindUser()); // 사용자 검색
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다. // 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
$("#term--${pageName}").onEnterPress(function() { $("#term--${pageName}").onEnterPress(function() {

@ -592,11 +592,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"
@ -680,7 +680,7 @@
$("#btnReset--${pageName}").on("click", () => $P.fnResetAndChangeBiz()); // 초기화 $("#btnReset--${pageName}").on("click", () => $P.fnResetAndChangeBiz()); // 초기화
$("#btnSearch--${pageName}").on("click", () => $P.fnSearchList()); // 검색 $("#btnSearch--${pageName}").on("click", () => $P.fnSearchList()); // 검색
$("#btnExcel--${pageName}").on("click", () => $P.fnExcel()); // 엑셀 $("#btnExcel--${pageName}").on("click", () => $P.fnExcel()); // 엑셀
$("#btnFindUser--${pageName}").on("click", () => $P.fnFindUser()); // 사용자 검색 $("#btnFindUser--${pageName}").on("click", () => $P.fnGetFindUser()); // 사용자 검색
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다. // 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
$("#term--${pageName}").onEnterPress(function() { $("#term--${pageName}").onEnterPress(function() {

@ -562,11 +562,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -193,10 +193,8 @@
}); });
// $P.control 설정 // $P.control 설정
$P.control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30 $P.control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
$P.control.beforeCurrent = null; $P.control.beforeCurrent = null;
/************************************************************************** /**************************************************************************
* DatasetControl 이벤트 * DatasetControl 이벤트
**************************************************************************/ **************************************************************************/
@ -212,8 +210,6 @@
, fetchSize: obj.${infoPrefix}Fetch , fetchSize: obj.${infoPrefix}Fetch
, func: "pageObject['${pageName}'].control.load({index})" , func: "pageObject['${pageName}'].control.load({index})"
}); });
}; };
// 현재 선택 자료 변경 이벤트 // 현재 선택 자료 변경 이벤트
@ -274,20 +270,18 @@
let noMore = (${infoPrefix}List.length >= totalSize); let noMore = (${infoPrefix}List.length >= totalSize);
let initScroll = ($P.control.query.pageNum < 2); let initScroll = ($P.control.query.pageNum < 2);
if(option != null && option.reloaded){ if (option != null && option.reloaded) {
initScroll = false; initScroll = false;
} }
$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore); $("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
//보안모드 //보안모드
fn_securityModeToggle($("#securityMode--top").is(":checked")); fn_securityModeToggle($("#securityMode--top").is(":checked"));
} }
// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트 // DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
$P.scrollDataList = () => { $P.scrollDataList = () => {
$P.control.load($P.control.query.pageNum + 1); $P.control.load($P.control.query.pageNum + 1);
} }

@ -451,11 +451,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -520,11 +520,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -455,11 +455,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -338,7 +338,7 @@
, title : dialogTitle , title : dialogTitle
, content : resp , content : resp
, size : $P.control.infoSize , size : $P.control.infoSize
, onClose : () => { $P.refreshList(); } , onClose : () => { $P.fnRefreshList(); }
}); });
} }
}); });
@ -387,39 +387,23 @@
// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트 // DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
$P.scrollDataList = () => { $P.scrollDataList = () => {
$P.control.load($P.control.query.pageNum + 1); $P.control.load($P.control.query.pageNum + 1);
} }
/************************************************************************** /**************************************************************************
* 사용자 함수(function) * 사용자 함수(function)
**************************************************************************/ **************************************************************************/
// callback 사용자 검색 // 검색 자료 재조회
$P.callbackFindUser = (userId, userNm) => { $P.fnRefreshList = () => {
$("#schRgtrCd--${pageName}").val(userId); // 사용자 ID $P.control.query.crdnIds = null;
$("#schRgtrNm--${pageName}").val(userNm); // 사용자 명
}
// 사용자 검색 $P.control.reload({all : true});
$P.getFindUser = () => {
let params = {
openerPageName : "${pageName}"
, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
} }
ajax.get({ // 사용자검색 callback
url : wctx.url("/user/user02/010/main.do") $P.callbackFindUser = (userId, userNm) => {
, data : params || {} $("#schRgtrCd--${pageName}").val(userId); // 사용자 ID
, success : resp => { $("#schRgtrNm--${pageName}").val(userNm); // 사용자 명
dialog.open({
id : "userDialog"
, title : "사용자 검색"
, content : resp
, size : "lg"
});
}
});
} }
// 개별총정보 dialog // 개별총정보 dialog
@ -449,14 +433,6 @@
}); });
} }
// 검색 자료 재조회
$P.refreshList = () => {
$P.control.query.crdnIds = null;
$P.control.reload({all : true});
}
/************************************************************************** /**************************************************************************
* 버튼 clickEvent * 버튼 clickEvent
**************************************************************************/ **************************************************************************/
@ -512,9 +488,26 @@
$P.control.download(); $P.control.download();
} }
// 사용자 조회 버튼 이벤트 // 사용자검색 버튼 클릭 이벤트
$P.fnFindUser = () => { $P.fnGetFindUser = () => {
$P.getFindUser(); let params = {
openerPageName: "${pageName}"
, callbackFuncName: "pageObject['${pageName}']['callbackFindUser']"
}
ajax.get({
url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {}
, success: resp => {
dialog.open({
id: "userDialog--${pageName}"
, title: "사용자 검색"
, content: resp
, size: "lg"
, init: () => { setDialogZindex(); }
});
}
});
} }
// 선택 발송대상 등록 버튼 이벤트 // 선택 발송대상 등록 버튼 이벤트
@ -567,7 +560,7 @@
$("#btnReset--${pageName}").on("click", () => $P.fnResetAndChangeBiz()); // 초기화 $("#btnReset--${pageName}").on("click", () => $P.fnResetAndChangeBiz()); // 초기화
$("#btnSearch--${pageName}").on("click", () => $P.fnSearchList()); // 검색 $("#btnSearch--${pageName}").on("click", () => $P.fnSearchList()); // 검색
$("#btnExcel--${pageName}").on("click", () => $P.fnExcel()); // 엑셀 $("#btnExcel--${pageName}").on("click", () => $P.fnExcel()); // 엑셀
$("#btnFindUser--${pageName}").on("click", () => $P.fnFindUser()); // 사용자 검색 $("#btnFindUser--${pageName}").on("click", () => $P.fnGetFindUser()); // 사용자 검색
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다. // 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
$("#term--${pageName}").onEnterPress(function() { $("#term--${pageName}").onEnterPress(function() {

@ -486,11 +486,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -468,11 +468,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -572,11 +572,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -475,11 +475,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -440,11 +440,11 @@
} }
ajax.get({ ajax.get({
url: wctx.url("/user/user02/010/main.do") url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
, data: params || {} , data: params || {}
, success: resp => { , success: resp => {
dialog.open({ dialog.open({
id: "userDialog" id: "userDialog--${pageName}"
, title: "사용자 검색" , title: "사용자 검색"
, content: resp , content: resp
, size: "lg" , size: "lg"

@ -1,31 +1,28 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%> <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
<c:set var="prefixName" scope="request">사용자 검색</c:set>
<!-- inner page html --> <!-- inner page html -->
<div class="content-wrapper"> <div class="content-wrapper">
<!-- Content --> <!-- Content -->
<div class="container flex-grow-1 px-0"> <div class="container flex-grow-1 px-0">
<c:set var="prefixName" scope="request">사용자 검색</c:set>
<!-- Page Body -->
<div class="card"> <div class="card">
<div class="wrapper-pop">
<div>
<!-- 상단 버튼 --> <!-- 상단 버튼 -->
<div class="container-page-btn"> <div class="container-page-btn">
<button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화" onclick="fnResetAndChangeBiz${pageName}();"> <button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화">
초기화 초기화
</button> </button>
<span class="container-window-btn-right"> <span class="container-window-btn-right">
<button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색" onclick="fnSearchList${pageName}();"> <button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색">
검색 검색
</button> </button>
<button type="button" class="btn btn-primary w-px-120" id="btnOK--${pageName}" title="확인" onclick="fnOK${pageName}();"> <button type="button" class="btn btn-primary w-px-120" id="btnOK--${pageName}" title="확인">
확인 확인
</button> </button>
</span> </span>
</div> </div>
<!-- / 상단 버튼 --> <!-- 상단 버튼 -->
<!-- 검색 조건 영역 --> <!-- 검색 조건 영역 -->
<form id="frmSearch--${pageName}" name="frmSearch"> <form id="frmSearch--${pageName}" name="frmSearch">
@ -47,9 +44,9 @@
</div> </div>
</div> </div>
</div> </div>
<!-- / 메인 조건 --> <!-- 메인 조건 -->
</form> </form>
<!-- / 검색 조건 영역 --> <!-- 검색 조건 영역 -->
<!-- 업무 버튼 및 건수 표시 --> <!-- 업무 버튼 및 건수 표시 -->
<div> <div>
@ -60,12 +57,12 @@
<ul class="pagination pagination-primary" id="paging--${pageName}"> <ul class="pagination pagination-primary" id="paging--${pageName}">
</ul> </ul>
</div> </div>
<span class="container-window-btn-right">
<!-- 업무 버튼 --> <!-- 업무 버튼 -->
<span class="container-window-btn-right">
</span> </span>
</span> </span>
</div> </div>
<!-- / 업무 버튼 및 건수 표시 --> <!-- 업무 버튼 및 건수 표시 -->
<!-- DataTables(그리드) --> <!-- DataTables(그리드) -->
<div class="card-datatable text-nowrap"> <div class="card-datatable text-nowrap">
@ -105,13 +102,10 @@
</table> </table>
</div> </div>
</div> </div>
</div> </div> <!-- DataTables(그리드) -->
<!-- / DataTables(그리드) --> </div> <!-- <div class="card"> -->
</div> </div> <!-- <div class="container flex-grow-1 px-0"> -->
</div> <!-- / Wrapper-list --> <!-- Content -->
</div> <!-- / Card -->
</div>
<!-- / Content -->
<div class="content-backdrop fade"></div> <div class="content-backdrop fade"></div>
</div> </div>
@ -121,46 +115,54 @@
/************************************************************************** /**************************************************************************
* Global Variable * Global Variable
**************************************************************************/ **************************************************************************/
// URL pageObject["${pageName}"] = {};
var ${pageName}PrefixUrl = "/user/user02";
/**************************************************************************
* script 진입
**************************************************************************/
$(document).ready(function() {
// pageObject
let $P = pageObject["${pageName}"];
// FormFields // FormFields
var ${pageName}Fields = new FimsFormFields("#frmSearch--${pageName}"); $P.formFields = new FimsFormFields("#frmSearch--${pageName}");
/************************************************************************** /**************************************************************************
* DatasetControl * DatasetControl
**************************************************************************/ **************************************************************************/
var ${pageName}Control = new DatasetControl({ $P.control = new DatasetControl({
prefix : "user" prefix: "user"
, prefixName : "사용자" , prefixName: "사용자"
, infoSize : "lg" , keymapper: info => info ? info.USER_ID : ""
, keymapper : info => info ? info.USER_ID : "" , dataGetter: obj => obj.${infoPrefix}List
, dataGetter : obj => obj.userList , appendData: true
, appendData : true , formats: {
, formats : { REG_DT: datetimeFormat
REG_DT : datetimeFormat
} }
}); });
// $P.control 설정
$P.control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
$P.control.beforeCurrent = null;
/************************************************************************** /**************************************************************************
* DatasetControl 이벤트 * DatasetControl 이벤트
**************************************************************************/ **************************************************************************/
// Dataset 변경 이벤트 // Dataset 변경 이벤트
${pageName}Control.onDatasetChange = (obj, option) => { $P.control.onDatasetChange = (obj, option) => {
renderList${pageName}(obj.${infoPrefix}Total, option); $P.renderList(obj.${infoPrefix}Total, option);
$("#paging--${pageName}").setPagingInfo({ $("#paging--${pageName}").setPagingInfo({
list : ${pageName}Control.dataset list: $P.control.dataset
, prefix : "paging--${pageName}" , prefix: "paging--${pageName}"
, start : obj.${infoPrefix}Start , start: obj.${infoPrefix}Start
, totalSize : obj.${infoPrefix}Total , totalSize: obj.${infoPrefix}Total
, fetchSize : obj.${infoPrefix}Fetch , fetchSize: obj.${infoPrefix}Fetch
, func : "${pageName}Control.load({index})" , func: "pageObject['${pageName}'].control.load({index})"
}); });
}; };
// 현재 선택 자료 변경 이벤트 // 현재 선택 자료 변경 이벤트
${pageName}Control.onCurrentChange = item => { $P.control.onCurrentChange = (item) => {
if (!item) return; if (!item) return;
let key = item.data.USER_ID; let key = item.data.USER_ID;
@ -172,8 +174,8 @@
* DataTables 이벤트 * DataTables 이벤트
**************************************************************************/ **************************************************************************/
// DataTables에 click, dbclick 이벤트 // DataTables에 click, dbclick 이벤트
renderList${pageName} = (totalSize, option) => { $P.renderList = (totalSize, option) => {
let ${infoPrefix}List = ${pageName}Control.dataset; let ${infoPrefix}List = $P.control.dataset;
let empty = ${infoPrefix}List.empty; let empty = ${infoPrefix}List.empty;
let trs = empty ? let trs = empty ?
@ -181,13 +183,13 @@
${infoPrefix}List.inStrings( ${infoPrefix}List.inStrings(
document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%> document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
(str, dataItem) => str (str, dataItem) => str
.replace(/{onclick}/gi, "${pageName}Control.setCurrent('" + dataItem.getValue("USER_ID") + "');") .replace(/{onclick}/gi, "pageObject['${pageName}'].control.setCurrent('" + dataItem.getValue("USER_ID") + "');")
.replace(/{ondblclick}/gi, "fnOK${pageName}('" + dataItem.getValue("USER_ID") + "');") .replace(/{ondblclick}/gi, "pageObject['${pageName}'].fnOK('" + dataItem.getValue("USER_ID") + "');")
); );
let noMore = (${infoPrefix}List.length >= totalSize); let noMore = (${infoPrefix}List.length >= totalSize);
let initScroll = (${pageName}Control.query.pageNum < 2); let initScroll = ($P.control.query.pageNum < 2);
if(option != null && option.reloaded){ if (option != null && option.reloaded) {
initScroll = false; initScroll = false;
} }
@ -198,85 +200,85 @@
} }
// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트 // DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
scrollDataList${pageName} = () => { $P.scrollDataList = () => {
${pageName}Control.load(${pageName}Control.query.pageNum + 1); $P.control.load($P.control.query.pageNum + 1);
} }
/************************************************************************** /**************************************************************************
* 사용자 함수(function) * 사용자 함수(function)
**************************************************************************/ **************************************************************************/
// 검색 자료 재조회 // 검색 자료 재조회
refreshList${pageName} = () => { $P.fnRefreshList = () => {
${pageName}Control.reload({all : true}); $P.control.reload({all : true});
} }
/************************************************************************** /**************************************************************************
* 버튼 clickEvent * 버튼 clickEvent
**************************************************************************/ **************************************************************************/
// 업무 구분 변경 // 업무 구분 변경 이벤트
fnResetAndChangeBiz${pageName} = (taskSeCd) => { $P.fnResetAndChangeBiz = (taskSeCd) => {
// 업무 구분 코드 // 업무 구분 코드
if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") { if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val(); taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
} }
// 초기 기본 설정 // 초기 기본 설정
initForm${pageName}(taskSeCd); $P.initForm(taskSeCd);
// 업무 구분별 설정
// URL 설정 $P.setTask(taskSeCd);
setURL${pageName}(taskSeCd);
// 기본 데이터 설정 // dataset 초기화
setFormData${pageName}(taskSeCd); $P.control.dataset.clear();
} }
// 검색 버튼 이벤트 // 검색 버튼 클릭 이벤트
fnSearchList${pageName} = () => { $P.fnSearchList = () => {
// 검색조건 // 검색조건
${pageName}Control.query = ${pageName}Fields.get(); $P.control.query = $P.formFields.get(); // 검색 조건
$P.control.query.fetchSize = $P.control.defaultFetchSize; // 한번에 조회되는 자료 건수
$P.control.query.useYn = "Y"; // 사용 여부
${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize; // 한번에 조회되는 자료 건수 FETCH_XS = 30 $P.control.load(1);
${pageName}Control.query.useYn = "Y"; // 사용 여부
// 검색
${pageName}Control.load(1);
} }
// 확인 // 확인
fnOK${pageName} = (userId) => { $P.fnOK = (userId) => {
// 사용자 ID // 사용자 ID
if (typeof userId == "undefined" || userId == null || userId == "") { if (typeof userId == "undefined" || userId == null || userId == "") {
userId = ${pageName}Control.dataset.getValue("USER_ID"); userId = $P.control.dataset.getValue("USER_ID");
} }
let userNm = ${pageName}Control.dataset.getValue("USER_NM");
if ("${callbackFuncName}" != "") { if ("${callbackFuncName}" != "") {
${callbackFuncName}(userId, userNm); ${callbackFuncName}(userId, $P.control.dataset.getValue("USER_NM"));
} }
dialog.close(${pageName}Control.prefix + "Dialog"); dialog.close($P.control.prefixed("Dialog--${openerPageName}"));
} }
/************************************************************************** /**************************************************************************
* 초기 설정 * 초기 설정
**************************************************************************/ **************************************************************************/
// 이벤트 // 이벤트
setEvent${pageName} = () => { $P.setEvent = () => {
// 기본 버튼 이벤트
$("#btnReset--${pageName}").on("click", () => $P.fnResetAndChangeBiz()); // 초기화
$("#btnSearch--${pageName}").on("click", () => $P.fnSearchList()); // 검색
$("#btnOK--${pageName}").on("click", () => $P.fnOK()); // 확인
// 동적검색에서 엔터(Enter) 키를 누르면 검색한다. // 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
$("#term--${pageName}").onEnterPress(function() { $("#term--${pageName}").onEnterPress(function() {
fnSearchList${pageName}(); $P.fnSearchList();
}); });
// DataTables width 변경 조정 // DataTables width 변경 조정
fnMakeResizableTable($("#table-responsive--${pageName}")[0]); fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
// DataTables 스크롤 이벤트 생성 // DataTables 스크롤 이벤트 생성
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName}); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
} }
// 화면 초기 설정 // 화면 초기 설정
initForm${pageName} = (taskSeCd) => { $P.initForm = (taskSeCd) => {
// 화면 초기화 // 화면 초기화
$("#frmSearch--${pageName}")[0].reset(); $("#frmSearch--${pageName}")[0].reset();
@ -284,38 +286,29 @@
$("#sggCd--${pageName}").hide(); $("#sggCd--${pageName}").hide();
$("#deptCd--${pageName}").hide(); $("#deptCd--${pageName}").hide();
// dataset 초기화
${pageName}Control.dataset.clear();
}
// URL 설정
setURL${pageName} = (taskSeCd) => {
${pageName}Control.urls.load = wctx.url("/user/list.do");
}
// 기본 데이터 설정 // 기본 데이터 설정
setFormData${pageName} = (taskSeCd) => {
// 화면 데이터 설정
$("#sggCd--${pageName}").val("${sggCd}"); // 시군구 코드 $("#sggCd--${pageName}").val("${sggCd}"); // 시군구 코드
$("#deptCd--${pageName}").val("${deptCd}"); // 부서 코드 $("#deptCd--${pageName}").val("${deptCd}"); // 부서 코드
$("#userAcnt--${pageName}").val("${userAcnt}"); // 사용자 계정 $("#userAcnt--${pageName}").val("${userAcnt}"); // 사용자 계정
}
// ${pageName}Control 설정 // 업무 구분별 설정
${pageName}Control.defaultFetchSize = FETCH_XS; // 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30 $P.setTask = (taskSeCd) => {
// 업무구분에 따른 URL 설정
$P.control.urls.load = wctx.url("/user/list.do"); // 검색
} }
/************************************************************************** /**************************************************************************
* script 진입 * 최초 실행 함수
**************************************************************************/ **************************************************************************/
$(document).ready(function() { // 1. 이벤트 설정
// 이벤트 설정 $P.setEvent();
setEvent${pageName}();
// 보안모드 // 2. 초기 설정 및 업무 구분 변경
fn_securityModeToggle($("#securityMode--top").is(":checked")); $P.fnResetAndChangeBiz($("#layout-navbar input[name='taskSeCd']:checked").val());
// 화면 초기 설정 및 업무 구분 변경 // 3. 보안모드
fnResetAndChangeBiz${pageName}($("#layout-navbar input[name='taskSeCd']:checked").val()); fn_securityModeToggle($("#securityMode--top").is(":checked"));
}); });
</script> </script>

Loading…
Cancel
Save