Files
eapim-admin/WebContent/jsp/onl/admin/service/addQueueManDetail.jsp
T
Rinjae c54ef1903f init
2025-09-05 17:16:26 +09:00

314 lines
9.3 KiB
Plaintext

<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ page import="java.io.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<script language="javascript" >
var url = '<c:url value="/onl/admin/service/addQueueMan.json" />';
var url_view = '<c:url value="/onl/admin/service/addQueueMan.view" />';
var nodeName = new Array();
var queueName = new Array();
var gubunName = new Array();
var isDetail=false;
var lastsel2;
function isValid(){
return true;
}
function isValidGrid(){
if($('select[name=addAdptrIoDstCd]').val() == ""){
alert("어댑터 입출력구분코드를 선택하여 주십시요.");
return false;
}else if($('input[name=addAdptrPrptyName]').val() == ""){
alert("어댑터 프라퍼티명을 입력하여 주십시요.");
return false;
}else if($('input[name=addAdptrPrptyDesc]').val() == ""){
alert("어댑터프라퍼티 설명을 입력하여 주십시요.");
return false;
}
//중복체크
var data = $("#grid").getRowData();
for ( var i = 0; i < data.length; i++) {
if (data[i]['ADPTRIODSTCD'] == $('select[name=addAdptrIoDstCd]').val()
&& data[i]['ADPTRPRPTYNAME'] == $('input[name=addAdptrPrptyName]').val()
){
alert("증복된 프라퍼티명이 존재합니다. 확인하여주십시요.");
return false;
}
}
return true;
}
function gridRendering(){
$('#grid').jqGrid({
datatype:"local",
loadonce: true,
rowNum: 10000,
editurl : "clientArray",
colNames:[
'<%=localeMessage.getString("addQueManDt.chaNm")%>',
'<%=localeMessage.getString("addQueManDt.cla")%>',
'노드명',
'<%=localeMessage.getString("addQueManDt.queNm")%>'
],
colModel:[
{ name : 'CHNNL' , align:'center' ,sortable:false },
{ name : 'GUBUN' , align:'center' },
{ name : 'NODENAME' , align:'center', hidden:true, editable:true, edittype:'select', formatter:'select' },
{ name : 'QUEUENAME' , align:'center' , editable:true, edittype:'select', formatter:'select' }
],
jsonReader: {
repeatitems:false
},
loadComplete : function () {
},
gridComplete : function(){
//$(this).setColProp('DMNKND',{editoptions:domainName});
},
onSortCol : function(){
return 'stop'; //정렬 방지
},
onSelectRow: function(rowid, status){
var rowData = $(this).getRowData(rowid);
console.log(rowid);
console.log(rowData);
if (lastsel2 !=undefined){
if($("#grid tr#" + lastsel2).attr("editable") == 1){ //editable=1 means row in edit mode
$("#grid").saveRow(lastsel2,false,"clientArray");
}
}
//$('#grid').restoreRow(lastsel2);
$('#grid').editRow(rowid,true);
lastsel2=rowid;
},
height: '500',
autowidth: true,
viewrecords: true
});
resizeJqGridWidth('grid','title','1000');
}
function init(key,callback){
$.ajax({
type : "POST",
url:url,
dataType:"json",
data:{cmd: 'LIST_DETAIL_COMBO'},
success:function(json){
console.log(json.listNode);
console.log(json.listQueue);
new makeOptions("CHNNL","CHNNL").setObj($("select[name=chnnl]")).setData(json.listChnnl).rendering();
setSearchable("chnnl");
nodeName['value'] = ": ;"+getGridSelectText("CODE","NAME",json.listNode);
queueName['value'] = ": ;"+getGridSelectText("CODE","NAME",json.listQueue);
gubunName['value'] = ": ;"+getGridSelectText("CODE","NAME",json.listGubun);
$("#grid").setColProp('NODENAME',{editoptions:nodeName,editable:true,edittype:'select',formatter:'select'});
$("#grid").setColProp('QUEUENAME',{editoptions:queueName,editable:true,edittype:'select',formatter:'select'});
$("#grid").setColProp('GUBUN',{editoptions:gubunName,editable:false,edittype:'select',formatter:'select'});
if(!isDetail){
//초기 데이터 만들기
var temp = ["S1","S2","R1","R2"];
var initArray = new Array();
for(var i =0; i <4 ; i++){
var initData = new Object();
initData.CHNNL = "";
initData.GUBUN = temp[i];
initData.NODENAME = "";
initData.QUEUENAME = "";
$("#grid").jqGrid('addRow', {
initdata : initData,
position :"last", //first, last
useDefValues : false,
useFormatter : false,
addRowParams : {extraparam:{}}
});
}
$("#grid").jqGrid("resetSelection");
}
if(typeof callback === 'function') {
callback(key);
}
},
error:function(e){
alert(e.responseText);
}
});
}
function detail(key){
if (!isDetail)return;
$.ajax({
type : "POST",
url:url,
dataType:"json",
data:{cmd: 'DETAIL'
, chnnl : key
},
success:function(json){
var data = json;
$("select[name=chnnl]").val(key);
$("select[name=chnnl]").attr('disabled',true);
$("#grid")[0].addJSONData(data);
},
error:function(e){
alert(e.responseText);
}
});
}
$(document).ready(function() {
var returnUrl = getReturnUrlForReturn();
var key ="${param.chnnl}";
if (key != "" && key !="null"){
isDetail = true;
}
gridRendering();
init(key,detail);
$("select[name=chnnl]").val("");
$("#btn_modify").click(function(){
if (!isValid())return;
if($("#grid tr#" + lastsel2).attr("editable") == 1){ //editable=1 means row in edit mode
$("#grid").saveRow(lastsel2,false,"clientArray");
}
var data = $("#grid").getRowData();
console.log(data);
var gridData = new Array();
for (var i = 0; i <data.length; i++) {
gridData.push(data[i]);
}
//공통부만 form으로 구성
var postData = $('#ajaxForm').serializeArray();
console.log(postData);
postData.push({ name: "gridData" , value:JSON.stringify(gridData)});
if (isDetail){
postData.push({ name: "cmd" , value:"UPDATE"});
}else{
postData.push({ name: "cmd" , value:"INSERT"});
}
$.ajax({
type : "POST",
url:url,
data:postData,
success:function(args){
alert("<%= localeMessage.getString("common.saveMsg") %>");
goNav(returnUrl);//LIST로 이동
},
error:function(e){
alert(e.responseText);
}
});
});
$("#btn_delete").click(function(){
var postData = $('#ajaxForm').serializeArray();
postData.push({ name: "cmd" , value:"DELETE"},{name:"codeName", value:$("select[name=chnnl] option:selected").val()});
$.ajax({
type : "POST",
url:url,
data:postData,
success:function(args){
alert("삭제 되었습니다.");
goNav(returnUrl);//LIST로 이동
},
error:function(e){
alert(e.responseText);
}
});
});
$("#btn_previous").click(function(){
goNav(returnUrl);//LIST로 이동
});
$("select[name=chnnl]").change(function(){
var name = $(this).val();
var rows = $("#grid").jqGrid("getDataIDs");
for(var i =0; i < rows.length; i++){
$("#grid").setRowData(rows[i],{CHNNL:name});
}
});
$("select[name=NODENAME]").change(function() {
var nodeName = $(this).val();
$("#grid").setRowData(1,{NODENAME:"1234123"});
});
$("select[name=QUEUENAME]").change(function() {
var queueName = $(this).val();
$("#grid").setRowData(1,{QUEUENAME:"1234123"});
});
buttonControl(isDetail);
titleControl(isDetail);
});
</script>
</head>
<body>
<div class="right_box">
<div class="content_top">
<ul class="path">
<li><a href="#">${rmsMenuPath}</a></li>
</ul>
</div><!-- end content_top -->
<div class="content_middle" id="title">
<div class="search_wrap">
<button type="button" class="cssbtn" id="btn_delete" level="W" status="DETAIL"><i class="material-icons">delete</i> <%= localeMessage.getString("button.delete") %></button>
<button type="button" class="cssbtn" id="btn_modify" level="W" status="DETAIL,NEW"><i class="material-icons">save</i> <%= localeMessage.getString("button.modify") %></button>
<button type="button" class="cssbtn" id="btn_previous" level="R" status="DETAIL,NEW"><i class="material-icons">arrow_back</i> <%= localeMessage.getString("button.previous") %></button>
<%-- <img src="<c:url value="/img/btn_delete.png"/>" alt="" id="btn_delete" level="W" status="DETAIL"/> --%>
<%-- <img src="<c:url value="/img/btn_modify.png"/>" alt="" id="btn_modify" level="W" status="DETAIL,NEW" /> --%>
<%-- <img src="<c:url value="/img/btn_previous.png"/>" alt="" id="btn_previous" level="R" status="DETAIL,NEW"/> --%>
</div>
<div class="title"><%=localeMessage.getString("addQueManDt.title")%></div>
<form id="ajaxForm">
<table class="table_row" cellspacing="0">
<!-- 공통-->
<tr>
<th style="width:20%;"><%=localeMessage.getString("addQueManDt.chaNm")%></th>
<td ><div class="select-style"><select type="text" name="chnnl"></select></div> </td>
</tr>
</table>
</form>
<!-- grid -->
<table id="grid" ></table>
</div><!-- end content_middle -->
</div><!-- end right_box -->
</body>
</html>