152 lines
4.1 KiB
Plaintext
152 lines
4.1 KiB
Plaintext
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
|
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<%@ include file="/WEB-INF/include/include-header3.jspf" %>
|
|
<!-- Multi Select-->
|
|
<link href="<c:url value='/vendor/bootstrap-multiselect-2.0/dist/css/bootstrap-multiselect.css' />" rel="stylesheet">
|
|
<script src="<c:url value='/vendor/bootstrap-multiselect-2.0/dist/js/bootstrap-multiselect.js' />"></script>
|
|
|
|
<style type="text/css">
|
|
.col-sm-2,.col-sm-3,.col-sm-4 {
|
|
position: relative;
|
|
width: 100%;
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
.valign-wrapper {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.bd-example {
|
|
position: relative;
|
|
padding: 5px;
|
|
border: solid #dee2e6;
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
border-width: 1px;
|
|
border-radius: .25rem .25rem .25rem .25rem;
|
|
}
|
|
|
|
.mb-3, .my-3 {
|
|
margin-bottom: 0rem!important;
|
|
}
|
|
|
|
</style>
|
|
<meta name="theme-color" content="#7952b3">
|
|
<title>장표선택</title>
|
|
</head>
|
|
|
|
<body>
|
|
<form id="frm" name="frm" enctype="multipart/form-data">
|
|
<input type="hidden" class="form-control" id="wall_id" name="wall_id">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<table
|
|
id="table"
|
|
class="table-sm"
|
|
data-virtual-scroll="true"
|
|
data-sort-name="id"
|
|
data-sort-order="asc"
|
|
data-height="400"
|
|
data-sortable="true"
|
|
data-pagination="false"
|
|
data-search="false"
|
|
data-single-select="false"
|
|
data-click-to-select="true"
|
|
data-show-toggle="false"
|
|
data-use-row-attr-func="true"
|
|
data-reorderable-rows="false"
|
|
style="text-align: center;">
|
|
<thead style="text-align: center;">
|
|
<tr>
|
|
<th data-field="state" data-checkbox="true"></th>
|
|
<th data-field="WALL_ID" data-visible="false">ID</th>
|
|
<th data-field="CENTER_NAME" data-width="20%">센터명</th>
|
|
<th data-field="SCREEN_NAME" data-width="40%">화면명</th>
|
|
<th data-field="WALL_NAME" data-width="40%">장표명</th>
|
|
<th data-field="CENTER_ID" data-visible="false">센터ID</th>
|
|
<th data-field="SCREEN_ID" data-visible="false">SCREEN_ID</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
<div style="text-align: right; margin-top: 0.5vw;">
|
|
<button type="button" class="btn btn-sm btn-primary" id="btnAdd">장표추가</button>
|
|
<button type="button" class="btn btn-sm btn-primary" id="btnCancel">장표제거</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<script>
|
|
$("#btnAdd").click(function(e) {
|
|
var selectArray = $('#table').bootstrapTable('getSelections');
|
|
for(var i=0; i<selectArray.length; i++){
|
|
$("#wall_id").val(selectArray[i].WALL_ID);
|
|
insertInfo();
|
|
}
|
|
//opener.getData();
|
|
//self.close();
|
|
});
|
|
|
|
function insertInfo(){
|
|
var queryString = $("form[name=frm]").serialize() ;
|
|
$.ajax({
|
|
url:"<c:url value='/insertWall_Custom'/>",
|
|
data : queryString,
|
|
type:"post",
|
|
datatype:"json",
|
|
success:function(args){
|
|
},
|
|
error : function(x,o,e){
|
|
var msg = "에러발생 \n" + x.status + " : " + o + " : " + e;
|
|
alert(msg);
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
$('#button-nav').on('click','button', function (evt) {
|
|
var arr = this.value.split("%");
|
|
opener.setImage($("#img_type").val(), arr[0],arr[1],arr[2],arr[3]);
|
|
self.close();
|
|
});
|
|
|
|
$(function() {
|
|
$('#table').bootstrapTable();
|
|
getData();
|
|
});
|
|
|
|
function getData(){
|
|
var queryString = $("form[name=frm]").serialize() ;
|
|
$.ajax({
|
|
url:"<c:url value='/getWallList'/>",
|
|
data : queryString,
|
|
type:"post",
|
|
datatype:"json",
|
|
success:function(args){
|
|
$('#table').bootstrapTable('load', args.list);
|
|
},
|
|
error : function(x,o,e){
|
|
var msg = "에러발생 \n" + x.status + " : " + o + " : " + e;
|
|
alert(msg);
|
|
}
|
|
});
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|