user.jsp
3.37 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
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
<jsp:include page="${ctx }/WEB-INF/view/meta.jsp"></jsp:include>
<script type="text/javascript" src="${ctx}/resource/js/app/user/user.js?r=${random}"></script>
</head>
<body>
<div class="easyui-panel" data-options="fit:true">
<div class="easyui-panel" style="padding:10px;"
data-options="title:'查询条件', collapsible:true, width:'100%', height:'25%'">
<form id="search-form" action="/user/list" method="post">
<table>
<tr>
<td>
文本框：<input name="username" class="easyui-textbox" data-options="iconCls:'icon-search'" style="width:160px">
</td>
<td>
下拉框：
<select class="easyui-combobox" name="dept" style="width:160px;">
<option value="aa">aitem1</option>
<option>bitem2</option>
<option>bitem3</option>
<option>ditem4</option>
<option>eitem5</option>
</select>
</td>
<td>
日历：<div class="easyui-datebox" style="width:160px;"></div>
</td>
<td>
文件：<input class="easyui-filebox" style="width:160px">
<a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="User.search()">查询</a>
</td>
</tr>
</table>
</form>
</div>
<div class="easyui-panel" data-options="width:'100%', height:'75%',title:'查询结果'">
<!-- DataGrid -->
<table id="data-grid" class="easyui-datagrid"
data-options="fitColumns:true, singleSelect:true, fit:true, pagination:true,
rownumbers:true, toolbar:'#toolbar', selectOnCheck:true, pageSize:20">
<thead>
<tr>
<th data-options="field:'id', checkbox:true"></th>
<th data-options="field:'name'">名称</th>
<th data-options="field:'price'">价格</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<div id="toolbar">
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="User.beforeAdd()">新增</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true" onclick="User.beforeUpdate()">修改</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="User.deleteUser()">删除</a>
</div>
</div>
<!-- Add Form -->
<div id="add-dialog" class="easyui-dialog" style="width:400px; height:280px; padding:10px 20px"
data-options="closed:true, title:'新增用户', buttons:'#add-dialog-buttons'">
<div class="ftitle">User Information</div>
<form id="add-form" method="post" novalidate>
<div class="fitem">
<label>ID:</label>
<input name="id" class="easyui-textbox" required="true">
</div>
<div class="fitem">
<label>Name:</label>
<input name="name" class="easyui-textbox" required="true">
</div>
</form>
</div>
<div id="add-dialog-buttons">
<a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" onclick="addUser()" style="width:90px">Save</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel"
onclick="javascript:$('#add-dialog').dialog('close')" style="width:90px">Cancel</a>
</div>
</body>
</html>