parent
529e909cec
commit
73ea40d5e0
@ -1,310 +0,0 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
||||
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
|
||||
<style type="text/css">
|
||||
h1 {font-size:12px;}
|
||||
caption {visibility:hidden; font-size:0; height:0; margin:0; padding:0; line-height:0;}
|
||||
</style>
|
||||
|
||||
<form name="frmSearch" id="frmSearch">
|
||||
<input type="hidden" id="searchAt" name="searchAt" value="Y">
|
||||
<input type="hidden" id="searchGubun" name="searchGubun" value="excel">
|
||||
<input type="hidden" name="cmd">
|
||||
<input type="hidden" name="progrmFileNm">
|
||||
<input name="checkedProgrmFileNmForDel" type="hidden" />
|
||||
|
||||
<div class="search r2">
|
||||
<table>
|
||||
<caption>검색조건</caption>
|
||||
<colgroup>
|
||||
<col style="width: 15%;"/>
|
||||
<col style="width: 20%;"/>
|
||||
<col style="width: 8%;"/>
|
||||
<col style="width: ;"/>
|
||||
<col style="width: 8%;"/>
|
||||
<col style="width: ;"/>
|
||||
<col style="width: 7%;"/>
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<th>프로그램 한글명</th>
|
||||
<td>
|
||||
<input name="searchKeyword" id="searchKeyword" type="text" size="60" value="<c:out value='${searchVO.searchKeyword}'/>" maxlength="60" title="검색조건">
|
||||
</td>
|
||||
<td colspan="6">
|
||||
<input type="button" id="btnSearch" class="btn_search" title="검색" value="검색" />
|
||||
</td>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //검색 -->
|
||||
|
||||
<!-- 페이지 Open 방식에 따라 버튼 표출 분기(일반페이지 or 팝업페이지) -->
|
||||
<c:choose>
|
||||
<c:when test="${param.tilesDef == 'popup'}">
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<div class="page_btn">
|
||||
<span class="fll">
|
||||
<a href="#" class="btn darkgray" id="btnRegist" title="등록">등록</a>
|
||||
<a href="#" class="btn red" id="btnDelete" title="삭제">삭제</a>
|
||||
</span>
|
||||
</div>
|
||||
<!-- //버튼 및 페이지정보 -->
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</form>
|
||||
|
||||
<!-- 데이터 출력 -->
|
||||
<div id="grid_t0"></div>
|
||||
|
||||
<script type="text/javaScript" language="javascript">
|
||||
let GRID = null;
|
||||
|
||||
$(document).ready(function(){
|
||||
XitProgramMng.init();
|
||||
});
|
||||
/* *******************************
|
||||
* 프로그램 목록관리 Functions
|
||||
******************************* */
|
||||
var XitProgramMng = {
|
||||
init : function(){
|
||||
|
||||
/* ******************************
|
||||
* Grid start
|
||||
****************************** */
|
||||
const gridColumns = [ //Grid 컬럼 정보(명칭,매핑 field, 기타옵션 등)
|
||||
{
|
||||
header: '프로그램 파일명',
|
||||
name: 'progrmFileNm',
|
||||
minWidth: 200,
|
||||
sortable: true,
|
||||
sortingType: 'desc',
|
||||
align: 'left',
|
||||
<!-- 페이지 Open 방식에 따라 버튼 표출 분기(일반페이지 or 팝업페이지) -->
|
||||
<c:if test="${param.tilesDef != 'popup'}">
|
||||
renderer: {
|
||||
type: CustomButtonRenderer,
|
||||
options: {
|
||||
formatter : function(props){
|
||||
var rowData = props.grid.getRow(props.rowKey);
|
||||
var obj = {
|
||||
formatter : rowData.progrmFileNm
|
||||
,element : "text"
|
||||
}
|
||||
return obj;
|
||||
}
|
||||
,eventFunction: XitProgramMng.fnClickProgramBtn //function(){alert("1234")}
|
||||
,eventType : "click"
|
||||
}
|
||||
}
|
||||
</c:if>
|
||||
},
|
||||
{
|
||||
header: '프로그램 한글명',
|
||||
name: 'progrmKoreanNm',
|
||||
minWidth: 200,
|
||||
sortable: false,
|
||||
align: 'left'
|
||||
},
|
||||
{
|
||||
header: 'URL',
|
||||
name: 'url',
|
||||
minWidth: 300,
|
||||
sortable: true,
|
||||
align: 'left'
|
||||
},
|
||||
{
|
||||
header: '프로그램 설명',
|
||||
name: 'progrmDc',
|
||||
width: 150,
|
||||
sortable: false,
|
||||
align: 'left'
|
||||
}
|
||||
];
|
||||
const gridDatasource = { //DataSource
|
||||
/* -----------------------
|
||||
* DataSource API Setting
|
||||
----------------------- */
|
||||
//initialRequest: true, // 화면 load시 조회 안함 - default
|
||||
api: {
|
||||
readData: {
|
||||
url: '<c:url value="/framework/biz/mng/menu/program/ProgramMngList.do"/>'
|
||||
, method: 'get'
|
||||
, serializer: (params) => {
|
||||
debugger
|
||||
return fnAddPageInfo(document.frmSearch, params);;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const gridOptions = {
|
||||
el: 'grid_t0',
|
||||
rowHeaders: ['rowNum'],
|
||||
columns: gridColumns,
|
||||
columnOptions: {
|
||||
frozenCount: 1 //고정컬럼 갯수
|
||||
, minWidth: 80 //최소 사이즈
|
||||
}
|
||||
};
|
||||
GRID = TuiGrid.of(gridOptions, gridDatasource, (res) => {
|
||||
console.log('Grid~~~~~~~~~');
|
||||
|
||||
});
|
||||
/* ******************************
|
||||
* Grid end
|
||||
****************************** */
|
||||
|
||||
/** ******************************
|
||||
* Event 정의
|
||||
* ******************************/
|
||||
$('#btnSearch').on('click', () => {
|
||||
GRID.reloadData();
|
||||
//GRID.refreshLayout();
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Elements EventListener Settings
|
||||
*/
|
||||
/*//검색 Event 설정
|
||||
$('#btnSearch').on({
|
||||
click: function(){
|
||||
XitProgramMng_list.findData();
|
||||
}
|
||||
});
|
||||
//등록 Event 설정
|
||||
$("#btnRegist").click(function(){
|
||||
XitProgramMng_list.pagePopup('input', "<c:url value='/_mng_/menu/program/ProgramMng_input.do'/>");
|
||||
});
|
||||
//삭제 Event 설정
|
||||
$("#btnDelete").click(function(){
|
||||
XitProgramMng_list.removeData();
|
||||
});
|
||||
*/
|
||||
|
||||
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 조회
|
||||
======================== */
|
||||
findData : function(){
|
||||
instance.reloadData();
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 등록
|
||||
======================== */
|
||||
addData : function(){
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 수정
|
||||
======================== */
|
||||
modifyData : function(){
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 삭제
|
||||
======================== */
|
||||
removeData : function(){
|
||||
if(!confirm("삭제 하시겠습니까?"))
|
||||
return false;
|
||||
|
||||
|
||||
//Parameter Get
|
||||
var arrKey = [];
|
||||
instance.getCheckedRows().forEach(function(row){
|
||||
arrKey.push(row.progrmFileNm);
|
||||
});
|
||||
var checkProgrmFileNms = arrKey.join(',');
|
||||
|
||||
|
||||
//Call
|
||||
document.progrmManageForm.checkedProgrmFileNmForDel.value = checkProgrmFileNms;
|
||||
var param = $(document.frmSearch).serialize();
|
||||
$.ajax({
|
||||
url : "/_mng_/menu/program/ProgramMng_deletes_proc.do",
|
||||
data : param,
|
||||
type : "post",
|
||||
dataType : "json",
|
||||
success : function(data) {
|
||||
alert(data.resp.resultMsg);
|
||||
XitProgramMng.findData();
|
||||
},
|
||||
error: function(){
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
/* ========================
|
||||
* 페이지 이동
|
||||
-외부사이트 링크가 필요 시 사용(내부코드는 각 페이지에 맞게 수정, ex>https://www.gov.kr/portal/main )
|
||||
======================== */
|
||||
pageLink: function(flag, url, params){
|
||||
switch (flag) {
|
||||
case "move": //페이지 이동
|
||||
document.frmSearch.searchKeyword.value = "";
|
||||
document.frmSearch.action = url;
|
||||
document.frmSearch.submit();
|
||||
break;
|
||||
case "popup": //팝업 OPEN
|
||||
XitProgramMng.pagePopup(flag, url, params);
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
/* ========================
|
||||
* 페이지 Open
|
||||
-팝업페이지를 Open 한다.
|
||||
======================== */
|
||||
pagePopup: function(flag, url, params){
|
||||
var popUrl = url;
|
||||
popUrl += "?tilesDef=popup";
|
||||
if(!(params == undefined || params == null)){
|
||||
popUrl += "&";
|
||||
popUrl += params;
|
||||
}
|
||||
var popTitle = '';
|
||||
switch (flag) {
|
||||
case "detail": //상세
|
||||
popTitle = "프로그램 목록 상세";
|
||||
popOption = "scrollbars = yes, top=100px, left=100px, height=655px, width=720px;";
|
||||
break;
|
||||
case "input": //등록
|
||||
popTitle = "프로그램 목록 등록";
|
||||
popOption = "scrollbars = yes, top=100px, left=100px, height=655px, width=720px;";
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
||||
window.open(popUrl, popTitle ,popOption);
|
||||
},
|
||||
/* ========================
|
||||
* 상세 팝업 오픈 버튼 클릭
|
||||
-상세 팝업을 OPEN 한다.
|
||||
======================== */
|
||||
fnClickProgramBtn: function(props){
|
||||
var rowData = props.grid.getRow(props.rowKey);
|
||||
var params = "";
|
||||
params += "progrmFileNm=" + rowData.progrmFileNm;
|
||||
XitProgramMng.pagePopup('detail', "<c:url value='/_mng_/menu/program/ProgramMng_edit.do'/>", params);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
@ -1,310 +0,0 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
||||
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
|
||||
<style type="text/css">
|
||||
h1 {font-size:12px;}
|
||||
caption {visibility:hidden; font-size:0; height:0; margin:0; padding:0; line-height:0;}
|
||||
</style>
|
||||
|
||||
<form name="frmSearch" id="frmSearch">
|
||||
<input type="hidden" id="searchAt" name="searchAt" value="Y">
|
||||
<input type="hidden" id="searchGubun" name="searchGubun" value="excel">
|
||||
<input type="hidden" name="cmd">
|
||||
<input type="hidden" name="progrmFileNm">
|
||||
<input name="checkedProgrmFileNmForDel" type="hidden" />
|
||||
|
||||
<div class="search r2">
|
||||
<table>
|
||||
<caption>검색조건</caption>
|
||||
<colgroup>
|
||||
<col style="width: 15%;"/>
|
||||
<col style="width: 20%;"/>
|
||||
<col style="width: 8%;"/>
|
||||
<col style="width: ;"/>
|
||||
<col style="width: 8%;"/>
|
||||
<col style="width: ;"/>
|
||||
<col style="width: 7%;"/>
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<th>프로그램 한글명</th>
|
||||
<td>
|
||||
<input name="searchKeyword" id="searchKeyword" type="text" size="60" value="<c:out value='${searchVO.searchKeyword}'/>" maxlength="60" title="검색조건">
|
||||
</td>
|
||||
<td colspan="6">
|
||||
<input type="button" id="btnSearch" class="btn_search" title="검색" value="검색" />
|
||||
</td>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //검색 -->
|
||||
|
||||
<!-- 페이지 Open 방식에 따라 버튼 표출 분기(일반페이지 or 팝업페이지) -->
|
||||
<c:choose>
|
||||
<c:when test="${param.tilesDef == 'popup'}">
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<div class="page_btn">
|
||||
<span class="fll">
|
||||
<a href="#" class="btn darkgray" id="btnRegist" title="등록">등록</a>
|
||||
<a href="#" class="btn red" id="btnDelete" title="삭제">삭제</a>
|
||||
</span>
|
||||
</div>
|
||||
<!-- //버튼 및 페이지정보 -->
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</form>
|
||||
|
||||
<!-- 데이터 출력 -->
|
||||
<div id="grid_t0"></div>
|
||||
|
||||
<script type="text/javaScript" language="javascript">
|
||||
let GRID = null;
|
||||
|
||||
$(document).ready(function(){
|
||||
XitProgramMng.init();
|
||||
});
|
||||
/* *******************************
|
||||
* 프로그램 목록관리 Functions
|
||||
******************************* */
|
||||
var XitProgramMng = {
|
||||
init : function(){
|
||||
|
||||
/* ******************************
|
||||
* Grid start
|
||||
****************************** */
|
||||
const gridColumns = [ //Grid 컬럼 정보(명칭,매핑 field, 기타옵션 등)
|
||||
{
|
||||
header: '프로그램 파일명',
|
||||
name: 'progrmFileNm',
|
||||
minWidth: 200,
|
||||
sortable: true,
|
||||
sortingType: 'desc',
|
||||
align: 'left',
|
||||
<!-- 페이지 Open 방식에 따라 버튼 표출 분기(일반페이지 or 팝업페이지) -->
|
||||
<c:if test="${param.tilesDef != 'popup'}">
|
||||
renderer: {
|
||||
type: CustomButtonRenderer,
|
||||
options: {
|
||||
formatter : function(props){
|
||||
var rowData = props.grid.getRow(props.rowKey);
|
||||
var obj = {
|
||||
formatter : rowData.progrmFileNm
|
||||
,element : "text"
|
||||
}
|
||||
return obj;
|
||||
}
|
||||
,eventFunction: XitProgramMng.fnClickProgramBtn //function(){alert("1234")}
|
||||
,eventType : "click"
|
||||
}
|
||||
}
|
||||
</c:if>
|
||||
},
|
||||
{
|
||||
header: '프로그램 한글명',
|
||||
name: 'progrmKoreanNm',
|
||||
minWidth: 200,
|
||||
sortable: false,
|
||||
align: 'left'
|
||||
},
|
||||
{
|
||||
header: 'URL',
|
||||
name: 'url',
|
||||
minWidth: 300,
|
||||
sortable: true,
|
||||
align: 'left'
|
||||
},
|
||||
{
|
||||
header: '프로그램 설명',
|
||||
name: 'progrmDc',
|
||||
width: 150,
|
||||
sortable: false,
|
||||
align: 'left'
|
||||
}
|
||||
];
|
||||
const gridDatasource = { //DataSource
|
||||
/* -----------------------
|
||||
* DataSource API Setting
|
||||
----------------------- */
|
||||
//initialRequest: true, // 화면 load시 조회 안함 - default
|
||||
api: {
|
||||
readData: {
|
||||
url: '<c:url value="/_mng_/menu/program/ProgramMngList.do"/>'
|
||||
, method: 'get'
|
||||
, serializer: (params) => {
|
||||
debugger
|
||||
return fnAddPageInfo(document.frmSearch, params);;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const gridOptions = {
|
||||
el: 'grid_t0',
|
||||
rowHeaders: ['rowNum'],
|
||||
columns: gridColumns,
|
||||
columnOptions: {
|
||||
frozenCount: 1 //고정컬럼 갯수
|
||||
, minWidth: 80 //최소 사이즈
|
||||
}
|
||||
};
|
||||
GRID = TuiGrid.of(gridOptions, gridDatasource, (res) => {
|
||||
console.log('Grid~~~~~~~~~');
|
||||
|
||||
});
|
||||
/* ******************************
|
||||
* Grid end
|
||||
****************************** */
|
||||
|
||||
/** ******************************
|
||||
* Event 정의
|
||||
* ******************************/
|
||||
$('#btnSearch').on('click', () => {
|
||||
GRID.reloadData();
|
||||
//GRID.refreshLayout();
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Elements EventListener Settings
|
||||
*/
|
||||
/*//검색 Event 설정
|
||||
$('#btnSearch').on({
|
||||
click: function(){
|
||||
XitProgramMng_list.findData();
|
||||
}
|
||||
});
|
||||
//등록 Event 설정
|
||||
$("#btnRegist").click(function(){
|
||||
XitProgramMng_list.pagePopup('input', "<c:url value='/_mng_/menu/program/ProgramMng_input.do'/>");
|
||||
});
|
||||
//삭제 Event 설정
|
||||
$("#btnDelete").click(function(){
|
||||
XitProgramMng_list.removeData();
|
||||
});
|
||||
*/
|
||||
|
||||
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 조회
|
||||
======================== */
|
||||
findData : function(){
|
||||
instance.reloadData();
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 등록
|
||||
======================== */
|
||||
addData : function(){
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 수정
|
||||
======================== */
|
||||
modifyData : function(){
|
||||
},
|
||||
/* ========================
|
||||
* 데이터 삭제
|
||||
======================== */
|
||||
removeData : function(){
|
||||
if(!confirm("삭제 하시겠습니까?"))
|
||||
return false;
|
||||
|
||||
|
||||
//Parameter Get
|
||||
var arrKey = [];
|
||||
instance.getCheckedRows().forEach(function(row){
|
||||
arrKey.push(row.progrmFileNm);
|
||||
});
|
||||
var checkProgrmFileNms = arrKey.join(',');
|
||||
|
||||
|
||||
//Call
|
||||
document.progrmManageForm.checkedProgrmFileNmForDel.value = checkProgrmFileNms;
|
||||
var param = $(document.frmSearch).serialize();
|
||||
$.ajax({
|
||||
url : "/_mng_/menu/program/ProgramMng_deletes_proc.do",
|
||||
data : param,
|
||||
type : "post",
|
||||
dataType : "json",
|
||||
success : function(data) {
|
||||
alert(data.resp.resultMsg);
|
||||
XitProgramMng.findData();
|
||||
},
|
||||
error: function(){
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
/* ========================
|
||||
* 페이지 이동
|
||||
-외부사이트 링크가 필요 시 사용(내부코드는 각 페이지에 맞게 수정, ex>https://www.gov.kr/portal/main )
|
||||
======================== */
|
||||
pageLink: function(flag, url, params){
|
||||
switch (flag) {
|
||||
case "move": //페이지 이동
|
||||
document.frmSearch.searchKeyword.value = "";
|
||||
document.frmSearch.action = url;
|
||||
document.frmSearch.submit();
|
||||
break;
|
||||
case "popup": //팝업 OPEN
|
||||
XitProgramMng.pagePopup(flag, url, params);
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
/* ========================
|
||||
* 페이지 Open
|
||||
-팝업페이지를 Open 한다.
|
||||
======================== */
|
||||
pagePopup: function(flag, url, params){
|
||||
var popUrl = url;
|
||||
popUrl += "?tilesDef=popup";
|
||||
if(!(params == undefined || params == null)){
|
||||
popUrl += "&";
|
||||
popUrl += params;
|
||||
}
|
||||
var popTitle = '';
|
||||
switch (flag) {
|
||||
case "detail": //상세
|
||||
popTitle = "프로그램 목록 상세";
|
||||
popOption = "scrollbars = yes, top=100px, left=100px, height=655px, width=720px;";
|
||||
break;
|
||||
case "input": //등록
|
||||
popTitle = "프로그램 목록 등록";
|
||||
popOption = "scrollbars = yes, top=100px, left=100px, height=655px, width=720px;";
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
||||
window.open(popUrl, popTitle ,popOption);
|
||||
},
|
||||
/* ========================
|
||||
* 상세 팝업 오픈 버튼 클릭
|
||||
-상세 팝업을 OPEN 한다.
|
||||
======================== */
|
||||
fnClickProgramBtn: function(props){
|
||||
var rowData = props.grid.getRow(props.rowKey);
|
||||
var params = "";
|
||||
params += "progrmFileNm=" + rowData.progrmFileNm;
|
||||
XitProgramMng.pagePopup('detail', "<c:url value='/_mng_/menu/program/ProgramMng_edit.do'/>", params);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
Loading…
Reference in New Issue