init
This commit is contained in:
@@ -0,0 +1,138 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8"%>
|
||||
<%@ page import="java.io.*"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
|
||||
<%@ 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="/common/property/monitoringPropertyMan.json" />';
|
||||
var url_view = '<c:url value="/common/property/monitoringPropertyMan.view" />';
|
||||
|
||||
$(document).ready(function() {
|
||||
var gridPostData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
|
||||
$('#grid').jqGrid({
|
||||
datatype:"json",
|
||||
mtype: 'POST',
|
||||
url: url,
|
||||
postData : gridPostData,
|
||||
colNames:['<%= localeMessage.getString("property.propertyGroupName") %>',
|
||||
'<%= localeMessage.getString("property.propertyGroupDesc") %>'
|
||||
],
|
||||
colModel:[
|
||||
{ name : 'PRPTYGROUPNAME' , align:'left', width: "30%", sortable:false },
|
||||
{ name : 'PRPTYGROUPDESC' , align:'left', width: "70%"}
|
||||
],
|
||||
jsonReader: {
|
||||
repeatitems:false
|
||||
},
|
||||
pager : $('#pager'),
|
||||
page : '${param.page}',
|
||||
rowNum : '${rmsDefaultRowNum}',
|
||||
autoheight: true,
|
||||
height: $("#container").height(),
|
||||
autowidth: true,
|
||||
viewrecords: true,
|
||||
rowList : eval('[${rmsDefaultRowList}]'),
|
||||
gridComplete:function (d){
|
||||
var colModel = $(this).getGridParam("colModel");
|
||||
for(var i = 0 ; i< colModel.length; i++){
|
||||
$(this).setColProp(colModel[i].name, {sortable : false}); //그리드 헤더 화살표 삭제(정렬X)
|
||||
}
|
||||
|
||||
},
|
||||
ondblClickRow: function(rowId) {
|
||||
var rowData = $(this).getRowData(rowId);
|
||||
var prptyGroupName = rowData['PRPTYGROUPNAME'];
|
||||
var url2 = url_view;
|
||||
url2 += '?cmd=DETAIL';
|
||||
url2 += '&page='+$(this).getGridParam("page");
|
||||
url2 += '&returnUrl='+getReturnUrl();
|
||||
url2 += '&menuId='+'${param.menuId}';
|
||||
//검색값
|
||||
url2 += '&'+getSearchUrl();
|
||||
//key값
|
||||
url2 += '&prptyGroupName='+prptyGroupName;
|
||||
goNav(url2);
|
||||
},
|
||||
loadError: function (jqXHR, textStatus, errorThrown) {
|
||||
var location ='<%=request.getContextPath()%>/';
|
||||
comloadError(jqXHR, textStatus, errorThrown ,location);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
resizeJqGridWidth('grid','content_middle','1000');
|
||||
|
||||
$("#btn_search").click(function(){
|
||||
var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
|
||||
$("#grid").setGridParam({ postData: postData ,page : "1" }).trigger("reloadGrid");
|
||||
});
|
||||
$("#btn_new").click(function(){
|
||||
var url2 = url_view;
|
||||
url2 += '?cmd=DETAIL';
|
||||
url2 += '&page=1';
|
||||
url2 += '&returnUrl='+getReturnUrl();
|
||||
url2 += '&menuId='+'${param.menuId}';
|
||||
//검색값
|
||||
url2 += '&'+getSearchUrl();
|
||||
|
||||
goNav(url2);
|
||||
});
|
||||
|
||||
$("input[name^=search]").keydown(function(key){
|
||||
if (key.keyCode == 13){
|
||||
$("#btn_search").click();
|
||||
}
|
||||
});
|
||||
|
||||
buttonControl();
|
||||
|
||||
});
|
||||
|
||||
</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="content_middle">
|
||||
<div class="search_wrap">
|
||||
<button type="button" class="cssbtn" id="btn_new" level="W"><i class="material-icons">add</i> <%= localeMessage.getString("button.new") %></button>
|
||||
<button type="button" class="cssbtn" id="btn_search" level="R"><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button>
|
||||
<%-- <img src="<c:url value="/img/btn_new.png"/>" alt="" id="btn_new" level="W" /> --%>
|
||||
<%-- <img src="<c:url value="/img/btn_search.png"/>" alt="" id="btn_search" level="R" /> --%>
|
||||
</div>
|
||||
<div class="title"><%= localeMessage.getString("monitoringProp.title") %><span class="tooltip"><%= localeMessage.getString("monitoringProp.tooltip") %></span></div>
|
||||
|
||||
<table class="search_condition" cellspacing=0;>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th style="width:13%; min-width:140px;"><%= localeMessage.getString("property.propertyGroupName") %></th>
|
||||
<td style="width:37%;"><input type="text" name="searchPrptyGroupName" value="${param.searchPrptyGroupName}"></td>
|
||||
<th style="width:13%; min-width:140px;"><%= localeMessage.getString("property.propertyGroupDesc") %></th>
|
||||
<td style="width:37%;"><input type="text" name="searchPrptyGroupDesc" value="${param.searchPrptyGroupDesc}"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table id="grid" ></table>
|
||||
<div id="pager"></div>
|
||||
|
||||
</div><!-- end content_middle -->
|
||||
</div><!-- end right_box -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,368 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8"%>
|
||||
<%@ page import="java.io.*"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
|
||||
<%@ 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="/common/property/monitoringPropertyMan.json" />';
|
||||
var url_view = '<c:url value="/common/property/monitoringPropertyMan.view" />';
|
||||
var url_excel = '<c:url value="/common/property/monitoringPropertyMan.excel" />';
|
||||
|
||||
var isDetail = false;
|
||||
var lastsel2;
|
||||
|
||||
function isValid() {
|
||||
if ($('input[name=prptyGroupName]').val() == "") {
|
||||
alert("<%= localeMessage.getString("propertyDetail.checkRequired4") %>");
|
||||
$('input[name=prptyGroupName]').focus();
|
||||
return false;
|
||||
}
|
||||
if ($('input[name=prptyGroupDesc]').val() == "") {
|
||||
alert("<%= localeMessage.getString("propertyDetail.checkRequired1") %>");
|
||||
$('input[name=prptyGroupDesc]').focus();
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
function isValidGrid() {
|
||||
if ($('input[name=prptyName]').val() == "") {
|
||||
alert("<%= localeMessage.getString("propertyDetail.checkRequired2") %>");
|
||||
return false;
|
||||
} else if ($('input[name=prpty2Val]').val() == "") {
|
||||
alert("<%= localeMessage.getString("propertyDetail.checkRequired3") %>");
|
||||
return false;
|
||||
}
|
||||
//중복체크
|
||||
if($("#grid tr#" + lastsel2).attr("editable") == 1){ //editable=1 means row in edit mode
|
||||
$("#grid").saveRow(lastsel2,false,"clientArray");
|
||||
}
|
||||
var data = $("#grid").getRowData();
|
||||
for ( var i = 0; i < data.length; i++) {
|
||||
if (data[i]['PRPTYNAME'] == $('input[name=prptyName]').val()) {
|
||||
alert("<%= localeMessage.getString("propertyDetail.checkDuplicate") %>");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
function checkDuplicatePrptyName(data) {
|
||||
var prptyNameSet = new Set();
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
if (prptyNameSet.has(data[i].PRPTYNAME)) {
|
||||
return true; // 중복 발견
|
||||
}
|
||||
prptyNameSet.add(data[i].PRPTYNAME);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function unformatterFunction(cellvalue, options, rowObject) {
|
||||
return "";
|
||||
}
|
||||
|
||||
function formatterFunction(cellvalue, options, rowObject) {
|
||||
var rowId = options["rowId"];
|
||||
// return "<img id='btn_pop_delete' name='img_"+rowId+"' src='<c:url value="/images/bt/pop_delete.gif"/>' />";
|
||||
return "<button type='button' class='cssbtn smallBtn2' id='btn_pop_delete' style='vertical-align:middle; font-weight:bold;' name='img_" + rowId + "'>delete</button>";
|
||||
}
|
||||
function gridRendering() {
|
||||
$('#grid').jqGrid({
|
||||
datatype:"local",
|
||||
loadonce: true,
|
||||
rowNum: 1000,
|
||||
editurl : "clientArray",
|
||||
colNames : [ '<%= localeMessage.getString("propertyDetail.propertyKey") %>',
|
||||
'<%= localeMessage.getString("propertyDetail.propertyValue") %>',
|
||||
'<%= localeMessage.getString("propertyDetail.delYn") %>' ],
|
||||
colModel : [ { name : 'PRPTYNAME' ,width:50 , align : 'left', editable : true },
|
||||
{ name : 'PRPTY2VAL' ,width:200 , align : 'left', editable : true },
|
||||
{ name : 'DELETEYN' ,width:20 , align : 'center', unformat : unformatterFunction, formatter : formatterFunction } ],
|
||||
jsonReader : {
|
||||
repeatitems : false
|
||||
},
|
||||
loadComplete : function() {
|
||||
},
|
||||
onSelectRow: function(rowid,status){
|
||||
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;
|
||||
},
|
||||
onSortCol : function(){
|
||||
return 'stop'; //정렬 방지
|
||||
},
|
||||
height : '500',
|
||||
autowidth : true,
|
||||
//autoheight : true,
|
||||
viewrecords : true
|
||||
,
|
||||
loadError: function (jqXHR, textStatus, errorThrown) {
|
||||
|
||||
var location ='<%=request.getContextPath()%>/';
|
||||
comloadError(jqXHR, textStatus, errorThrown ,location);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
resizeJqGridWidth('grid', 'title', '1000');
|
||||
}
|
||||
function init( key, callback) {
|
||||
if (typeof callback === 'function') {
|
||||
callback( key);
|
||||
}
|
||||
}
|
||||
function detail( key) {
|
||||
|
||||
if (!isDetail)
|
||||
return;
|
||||
|
||||
$.ajax({
|
||||
type : "POST",
|
||||
url : url,
|
||||
dataType : "json",
|
||||
data : {
|
||||
cmd : 'DETAIL',
|
||||
prptyGroupName : key
|
||||
},
|
||||
success : function(json) {
|
||||
$("input[name=prptyGroupName]").val(json.PRPTYGROUPNAME).attr('readonly', true);
|
||||
$("input[name=prptyGroupDesc]").val(json.PRPTYGROUPDESC);
|
||||
$("#grid")[0].addJSONData(json.gridData);
|
||||
|
||||
$("button[name*=img]").click(function() {
|
||||
var name = $(this).attr("name");
|
||||
var rowId = name.split("_")[1];
|
||||
$('#grid').jqGrid('delRowData', rowId);
|
||||
});
|
||||
},
|
||||
error : function(e) {
|
||||
alert(e.responseText);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
$(document).ready(function() {
|
||||
var returnUrl = getReturnUrlForReturn();
|
||||
var key = "${param.prptyGroupName}";
|
||||
|
||||
if (key != "" && key != "null") {
|
||||
isDetail = true;
|
||||
}
|
||||
|
||||
gridRendering();
|
||||
|
||||
init( key, detail);
|
||||
|
||||
$("#btn_modify").click(function() {
|
||||
if (!isValid())return;
|
||||
|
||||
if (confirm("<%= localeMessage.getString("common.checkModify")%>") != true)
|
||||
return;
|
||||
|
||||
if($("#grid tr#" + lastsel2).attr("editable") == 1){ //editable=1 means row in edit mode
|
||||
$("#grid").saveRow(lastsel2,false,"clientArray");
|
||||
}
|
||||
var data = $("#grid").getRowData();
|
||||
|
||||
// PrptyName 중복 체크
|
||||
if (checkDuplicatePrptyName(data)) {
|
||||
alert("<%= localeMessage.getString("propertyDetail.checkDuplicate") %>");
|
||||
return;
|
||||
}
|
||||
|
||||
var prptyGroupNameValue = $("input[name=prptyGroupName]").val();
|
||||
var gridData = new Array();
|
||||
|
||||
for ( var i = 0; i < data.length; i++) {
|
||||
data[i]["PRPTYGROUPNAME"] = prptyGroupNameValue;
|
||||
gridData.push(data[i]);
|
||||
}
|
||||
|
||||
//공통부만 form으로 구성
|
||||
var postData = $('#ajaxForm').serializeArray();
|
||||
|
||||
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") %>");
|
||||
alert("<%= localeMessage.getString("monitoringPropDetail.syncMsg") %>"+args.result);
|
||||
goNav(returnUrl);//LIST로 이동
|
||||
},
|
||||
error : function(e) {
|
||||
alert(e.responseText);
|
||||
}
|
||||
});
|
||||
});
|
||||
$("#btn_delete").click(function() {
|
||||
|
||||
if(confirm('<%=localeMessage.getString("common.confirmMsg")%>')!= true)
|
||||
return;
|
||||
|
||||
var postData = $('#ajaxForm').serializeArray();
|
||||
postData.push({
|
||||
name : "cmd",
|
||||
value : "DELETE"
|
||||
});
|
||||
$.ajax({
|
||||
type : "POST",
|
||||
url : url,
|
||||
data : postData,
|
||||
success : function(args) {
|
||||
alert("<%= localeMessage.getString("common.deleteMsg") %>");
|
||||
alert("<%= localeMessage.getString("monitoringPropDetail.syncMsg") %>"+args.result);
|
||||
goNav(returnUrl);//LIST로 이동
|
||||
|
||||
},
|
||||
error : function(e) {
|
||||
alert(e.responseText);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$("#btn_previous").click(function() {
|
||||
goNav(returnUrl);//LIST로 이동
|
||||
});
|
||||
$("#btn_pop_input").click(function() {
|
||||
if (!isValidGrid()) {
|
||||
return;
|
||||
}
|
||||
var data = new Object();
|
||||
data["PRPTYNAME"] = $("input[name=prptyName]").val();
|
||||
data["PRPTY2VAL"] = $("input[name=prpty2Val]").val();
|
||||
|
||||
var rows = $("#grid")[0].rows;
|
||||
var index = Number($(rows[rows.length - 1]).attr("id"));
|
||||
if (isNaN(index))
|
||||
index = 0;
|
||||
var rowid = index + 1;
|
||||
$("#grid").jqGrid('addRow', {
|
||||
rowID : rowid,
|
||||
initdata : data,
|
||||
position : "last", //first, last
|
||||
useDefValues : false,
|
||||
useFormatter : false,
|
||||
addRowParams : {
|
||||
extraparam : {}
|
||||
}
|
||||
});
|
||||
$("#" + $('#grid').jqGrid('getGridParam', 'selrow')).focus();
|
||||
$("button[name=img_" + rowid + "]").click(function() {
|
||||
var name = $(this).attr("name");
|
||||
var rowId = name.split("_")[1];
|
||||
$('#grid').jqGrid('delRowData', rowId);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$("#btn_excel").click(function(event) {
|
||||
var prptyGroupName = $("input[name=prptyGroupName]").val();
|
||||
var url_excel = '<c:url value="/common/property/monitoringPropertyMan.excel" />';
|
||||
event.stopPropagation(); // Do not propagate the event.
|
||||
// Create an object that will manage to download the file.
|
||||
var target = "excelDown" ; // iframe의 name
|
||||
//title : 서비스코드_거래처리seq
|
||||
var title = prptyGroupName+"_프라퍼티";
|
||||
gridToExcelSubmit(url_excel,"LIST_GRID_TO_EXCEL",$("#grid"),$("#ajaxForm"),title);
|
||||
return false;
|
||||
});
|
||||
|
||||
buttonControl(key);
|
||||
titleControl(key);
|
||||
});
|
||||
</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_excel" level="W" status="DETAIL"><i class="material-icons">table_view</i> <%= localeMessage.getString("button.excel") %></button>
|
||||
<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_excel.png" />" alt="" id="btn_excel" level="W" status="DETAIL" /> --%>
|
||||
<%-- <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("monitoringPropDetail.title") %></div>
|
||||
|
||||
<form id="ajaxForm">
|
||||
<table class="table_row" cellspacing="0">
|
||||
<tr>
|
||||
<th style="width:180px;"><%= localeMessage.getString("property.propertyGroupName") %> *</th>
|
||||
<td><input type="text" name="prptyGroupName" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><%= localeMessage.getString("property.propertyGroupDesc") %> *</th>
|
||||
<td><input type="text" name="prptyGroupDesc"/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
|
||||
<table class="table_row" cellspacing="0">
|
||||
<tr>
|
||||
<th style="width:180px;"><%= localeMessage.getString("propertyDetail.propertyKey") %></th>
|
||||
<td>
|
||||
<input type="text" name="prptyName" style="width:calc(100% - 70px);" />
|
||||
<%-- <img id="btn_pop_input" src="<c:url value="/img/btn_pop_input.png"/>" class="btn_img" /> --%>
|
||||
<button type="button" class="cssbtn smallBtn2" id="btn_pop_input" style="vertical-align:middle; font-weight:bold;"><i class="material-icons">input</i><%= localeMessage.getString("button.input") %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><%= localeMessage.getString("propertyDetail.propertyValue") %></th>
|
||||
<td colspan="3"><input type="text" name="prpty2Val" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- grid -->
|
||||
<table id="grid"></table>
|
||||
|
||||
</div><!-- end content_middle -->
|
||||
</div><!-- end right_box -->
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user