book_perm_edit.jsp
3.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>账册编辑</title>
<jsp:include page="../../template/head.jsp"></jsp:include>
<link href="<%=request.getContextPath() %>/resource/library/css/form.css" rel="stylesheet">
<link href="<%=request.getContextPath() %>/resource/library/js/bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet">
<link href="<%=request.getContextPath() %>/resource/library/js/duallistbox/bootstrap-duallistbox.min.css" rel="stylesheet">
<script src="<%=request.getContextPath() %>/resource/library/js/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<script src="<%=request.getContextPath() %>/resource/library/js/duallistbox/jquery.bootstrap-duallistbox.min.js"></script>
<style type="text/css">
.col-md-6 {
width: 290px;
float: left;
}
.info{
display: none !important;
}
</style>
</head>
<body>
<div class="container">
<div class="content" ms-controller="container">
<form class="from-control" id="editForm">
<input type="hidden" name="bookId" value="<%=request.getParameter("bookId")%>">
<table class="kv-table">
<tbody>
<tr>
<td colspan="2">
<select multiple="multiple" size="10" name="users" class="demo1">
<option ms-for="(k, v) in @data" ms-attr="{value:@data[k].userId,selected:@data[k].selected}" >{{v.userName}}({{v.account}})</option>
</select>
</td>
</tr>
<tr>
<td colspan="2">
<div class="opt-buttons" style="padding-top:20px;text-align:center">
<a href="javascript:doSave();" class="easyui-linkbutton l-btn l-btn-small l-btn-selected " data-options="selected:true" group="" id=""><span class="l-btn-left"><span class="l-btn-text">保存</span></span></a>
<a href="javascript:parent.layer.close(parent.layer.getFrameIndex(window.name));" class="easyui-linkbutton l-btn l-btn-small" group="" id=""><span class="l-btn-left"><span class="l-btn-text">取消</span></span></a>
</div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<script>
//定义 avalon
var datavm = avalon.define({
$id: "container",
data:${data}
});
//保存
function doSave(){
var data = $("#editForm").serialize();
$.post("<%=request.getContextPath()%>/bookPerm/save", data, function(result) {
if(result.status==200){
parent.layer.close(parent.layer.getFrameIndex(window.name));
}else{
var html = result.msg+"<br/>"
if(result.data){
for(var i=0;i<result.data.length;i++){
html+=result.data[i].message+"<br/>";
}
}
$.messager.alert("提示", html);
}
});
}
//读取编辑资料(编辑时使用)
function loadData(id){
var par = {};
par.id=id;
$.post("<%=request.getContextPath()%>/rest/eptBook/findByPK", par, function(result) {
if(result.status==200){
datavm.data = result.data
initFormData();
}else{
$.messager.alert("提示", result.msg);
}
});
}
//初始化表单关联数据
function initFormData(){
}
$(function(){
datavm.$watch('onReady', function(){
var demo2 = $('.demo1').bootstrapDualListbox({
nonSelectedListLabel: '未选择',
selectedListLabel: '已选择',
preserveSelectionOnMove: 'moved',
moveOnSelect: false,
nonSelectedFilter: ''
});
$("#showValue").click(function () {
});
})
});
</script>
</body>
</html>