Rinjae
389 lines
12 KiB
Plaintext
389 lines
12 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/addB2bMan.json" />';
|
|
var url_view = '<c:url value="/onl/admin/service/addB2bMan.view" />';
|
|
var arrGridData = new Array();
|
|
var submitData = {};
|
|
var unEnrolled = [];
|
|
var enrolled = [];
|
|
// 업무코드 List Count 조회
|
|
function getRowArray()
|
|
{
|
|
var chkList = new Array();
|
|
var rowIdx = 0;
|
|
var arrIdx = 0;
|
|
|
|
var fullData = $("#targetGrid").getRowData();
|
|
//getRowData 하면 select html 그대로 들어가기 때문에 추가함
|
|
for(var i=0;i<fullData.length;i++){
|
|
chkList[i] = fullData[i]["CHNNLNM"];
|
|
}
|
|
|
|
return chkList;
|
|
}
|
|
|
|
function localSave(){
|
|
var saveList = new Array();
|
|
|
|
var fullData = $("#targetGrid").getRowData();
|
|
//getRowData 하면 select html 그대로 들어가기 때문에 추가함
|
|
for(var i=0;i<fullData.length;i++){
|
|
saveList[i] = fullData[i]["CHNNLNM"];
|
|
}
|
|
return saveList;
|
|
}
|
|
// 업무코드를 추가 및 삭제 할 때 validation 체크
|
|
function isGridValid(gridName)
|
|
{
|
|
var gridCnt = 0;
|
|
|
|
gridCnt = $(gridName).jqGrid("getGridParam", "selarrrow").length;
|
|
if(gridCnt <= 0)
|
|
{
|
|
alert("선택된 채널이 없습니다.");
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
}
|
|
function loadSrcGrid(){
|
|
|
|
var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
|
|
postData["searchChannel"] = $("input[name=searchChannel]").val();
|
|
postData["searchEnrolledYN"] = "N";
|
|
|
|
$.ajax({
|
|
type : "POST",
|
|
url:url,
|
|
dataType:"json",
|
|
data: postData,
|
|
success:function(json){
|
|
var data = json;
|
|
|
|
$("#grid")[0].addJSONData(data);
|
|
var fullData = $("#targetGrid").getRowData();
|
|
//getRowData 하면 select html 그대로 들어가기 때문에 추가함
|
|
for(var i=0;i<fullData.length;i++){
|
|
unEnrolled[i] = fullData[i]["CHNNLNM"];
|
|
}
|
|
},
|
|
error:function(e){
|
|
alert(e.responseText);
|
|
}
|
|
});
|
|
|
|
}
|
|
function loadTgtGrid(){
|
|
//var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
|
|
postData = new Object();
|
|
postData["cmd"] = "LIST";
|
|
postData["searchChannel"] = "";
|
|
postData["searchEnrolledYN"] = "Y";
|
|
$.ajax({
|
|
type : "POST",
|
|
url:url,
|
|
dataType:"json",
|
|
data:postData,
|
|
success:function(json){
|
|
var data = json;
|
|
$("#targetGrid")[0].addJSONData(data);
|
|
|
|
var fullData = $("#targetGrid").getRowData();
|
|
//getRowData 하면 select html 그대로 들어가기 때문에 추가함
|
|
for(var i=0;i<fullData.length;i++){
|
|
|
|
if(fullData[i]["CHNNLNM"] != "") {
|
|
enrolled[i] = fullData[i]["CHNNLNM"];
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
error:function(e){
|
|
alert(e.responseText);
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
|
|
function srcGridRendering(){
|
|
$('#grid').jqGrid({
|
|
datatype:"local",
|
|
mtype: 'POST',
|
|
colNames:['<%=localeMessage.getString("addB2bMan.unregChaNm")%> '
|
|
|
|
],
|
|
colModel:[
|
|
{ name : 'CHNNLNM' , align:'left' ,sortable:false }
|
|
],
|
|
jsonReader: {
|
|
repeatitems:false
|
|
},
|
|
autoheight: true,
|
|
height: $("#container").height(),
|
|
height: 430,
|
|
//autowidth: true,
|
|
width:600,
|
|
viewrecords: true,
|
|
gridview: true, // jqGrid의 성능 향상 - treeGrid, subGrid, afterInsertRow event의 경우 제외.
|
|
scroll: true, // 스크롤 사용여부 설정.(default: false)
|
|
rowNum : 10000, // Grid에 표시될 레코드 수 설정 (-1은 조회된 데이터 전부 그리드에 셋팅).
|
|
multiselect : true,
|
|
|
|
loadComplete:function (d){
|
|
|
|
},
|
|
loadError: function (jqXHR, textStatus, errorThrown) {
|
|
if(jqXHR.status == 401) {
|
|
var location ='<%=request.getContextPath()%>/';
|
|
comloadError(jqXHR, textStatus, errorThrown ,location);
|
|
}
|
|
},
|
|
gridComplete:function (d){
|
|
$("input[name=unEnrolledCnt]").val($("#grid").getGridParam("reccount"));
|
|
//targetGridReload();
|
|
},
|
|
});
|
|
}
|
|
|
|
function tgtGridRendering(){
|
|
//var tgtPostData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
|
|
//tgtPostData["searchEnrolledYN"] = "Y";
|
|
|
|
$('#targetGrid').jqGrid({
|
|
datatype:"local",
|
|
mtype: 'POST',
|
|
loadui: "disable",
|
|
colNames:['<%=localeMessage.getString("addB2bMan.regChaNm")%> '
|
|
|
|
],
|
|
colModel:[
|
|
{ name : 'CHNNLNM' , align:'left' ,key:true ,sortable:false }
|
|
],
|
|
jsonReader: {
|
|
repeatitems:false
|
|
},
|
|
autoheight: true,
|
|
height: $("#container").height(),
|
|
height: 430,
|
|
width:600,
|
|
//autowidth: true,
|
|
viewrecords: true,
|
|
gridview: true, // jqGrid의 성능 향상 - treeGrid, subGrid, afterInsertRow event의 경우 제외.
|
|
scroll: true, // 스크롤 사용여부 설정.(default: false)
|
|
rowNum : 10000, // Grid에 표시될 레코드 수 설정 (-1은 조회된 데이터 전부 그리드에 셋팅).
|
|
multiselect : true,
|
|
|
|
loadComplete:function (d){
|
|
|
|
},
|
|
loadError: function (jqXHR, textStatus, errorThrown) {
|
|
|
|
comloadError(jqXHR, textStatus, errorThrown);
|
|
|
|
},
|
|
gridComplete:function (d){
|
|
$("input[name=enrolledCnt]").val($("#targetGrid").getGridParam("reccount"));
|
|
},
|
|
onSelectRow: function(rowId){
|
|
}
|
|
});
|
|
|
|
}
|
|
$(document).ready(function() {
|
|
|
|
//등록안된 리스트
|
|
srcGridRendering();
|
|
tgtGridRendering();
|
|
|
|
loadSrcGrid();
|
|
loadTgtGrid();
|
|
|
|
$("#btn_close").click(function(){
|
|
window.close();
|
|
});
|
|
|
|
$("#btn_search").click(function(){
|
|
$("#grid").clearGridData();
|
|
$("#targetGrid").clearGridData();
|
|
loadSrcGrid();
|
|
loadTgtGrid();
|
|
});
|
|
|
|
$("input[name^=search]").keydown(function(key){
|
|
if (key.keyCode == 13){
|
|
$("#btn_search").click();
|
|
}
|
|
});
|
|
|
|
|
|
$("input[name=add]").click(function(){
|
|
|
|
if(!isGridValid("#grid")) return;
|
|
|
|
var selRowIds = $("#grid").jqGrid("getGridParam", "selarrrow");
|
|
|
|
var addData = new Array();
|
|
for(var i=selRowIds.length -1; i>= 0;i--){
|
|
addData[i] =$("#grid").getRowData(selRowIds[i]);
|
|
$("#grid").jqGrid('delRowData',selRowIds[i]);
|
|
|
|
}
|
|
|
|
$("#targetGrid").jqGrid('addRow', {
|
|
initdata : addData,
|
|
position :"last", //first, last
|
|
useDefValues : false,
|
|
useFormatter : false,
|
|
addRowParams : {extraparam:{}}
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
$("input[name=remove]").click(function(){
|
|
if(!isGridValid("#targetGrid")) return;
|
|
|
|
var selRowIds = $("#targetGrid").jqGrid("getGridParam", "selarrrow");
|
|
var addData = new Array();
|
|
|
|
console.log(selRowIds);
|
|
for(var i=selRowIds.length -1; i>= 0;i--){
|
|
addData[i] =$("#targetGrid").getRowData(selRowIds[i]);
|
|
$("#targetGrid").jqGrid('delRowData',selRowIds[i]);
|
|
|
|
}
|
|
|
|
console.log(addData);
|
|
|
|
$("#grid").jqGrid('addRow', {
|
|
initdata : addData,
|
|
position :"last", //first, last
|
|
useDefValues : false,
|
|
useFormatter : false,
|
|
addRowParams : {extraparam:{}}
|
|
});
|
|
|
|
|
|
});
|
|
$("#btn_modify").click(function(e){
|
|
var chkList;
|
|
var arrEaiSvcName = new Array();
|
|
var idx = 0;
|
|
var postData;
|
|
var rowCnt = $("#grid").getGridParam("reccount");
|
|
|
|
chkList = getRowArray();
|
|
|
|
//postData = getSearchForJqgrid("cmd","UPDATE_PRPTY"); //jqgrid에서는 object 로
|
|
postData = new Object();
|
|
postData["cmd"] = "UPDATE_B2BPRPTY";
|
|
postData["b2bChnnls"] = chkList.join(";");
|
|
|
|
$.ajax({
|
|
type : "POST",
|
|
url:url,
|
|
data:postData,
|
|
success:function(args){
|
|
alert("등록 되었습니다.");
|
|
chkList = null;
|
|
$("#btn_search").click();
|
|
},
|
|
error:function(e){
|
|
alert(e.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
resizeJqGridWidth('grid','src', '100%');
|
|
resizeJqGridWidth('targetGrid','tgt', '100%');
|
|
|
|
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">
|
|
<div class="search_wrap">
|
|
<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_search" level="R" status="DETAIL,NEW"><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button>
|
|
<%-- <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_search.png"/>" alt="" id="btn_search" level="R" status="DETAIL,NEW"/> --%>
|
|
</div>
|
|
<div class="title"><%=localeMessage.getString("addB2bMan.title")%></div>
|
|
|
|
<table class="search_condition" cellspacing=0;>
|
|
|
|
<tbody>
|
|
<tr>
|
|
<th style="width:180px;"><%=localeMessage.getString("addB2bMan.chaNm")%></th>
|
|
<td>
|
|
<input type="text" name="searchChannel" value="${param.searchChannel }">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div style="display: flex; flex-direction: column; align-items: center; align-content: center;">
|
|
<table style="width: 90%">
|
|
<tr>
|
|
<td style="width:40%; text-align:right;">
|
|
<%=localeMessage.getString("addB2bMan.total")%> ( <input type="text" name="unEnrolledCnt" readOnly style="border:0;" size='3' value ="" />) <%=localeMessage.getString("addB2bMan.unit")%>
|
|
</td>
|
|
<td style="width:20%;"></td>
|
|
<td style="width:40%; text-align:right;">
|
|
<%=localeMessage.getString("addB2bMan.total")%> ( <input type="text" name="enrolledCnt" readOnly style="border:0;" size='3' value ="" />) <%=localeMessage.getString("addB2bMan.unit")%>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<!-- grid -->
|
|
<div style="display: flex; flex-direction: column; align-items: center; align-content: center;">
|
|
<table>
|
|
<tr>
|
|
<td style="width:40%; text-align:center;">
|
|
<div id="grid_div" style="display:inline-block;">
|
|
<table id="grid" ></table>
|
|
</div>
|
|
</td>
|
|
<td style="width:20%; text-align:center;">
|
|
<input type=button name="add" class="btn_img btn_add" ><br><br>
|
|
<input type=button name="remove" class="btn_img btn_remove" >
|
|
</td>
|
|
<td style="width:40%; text-align:center;">
|
|
<div id="targetGrid_div" style="display:inline-block;">
|
|
<table id="targetGrid" ></table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div><!-- end content_middle -->
|
|
</div><!-- end right_box -->
|
|
</body>
|
|
</html>
|