forked from RadiumXie/XWebAdmin
-
Notifications
You must be signed in to change notification settings - Fork 3
/
searchdate.html
142 lines (131 loc) · 6.66 KB
/
searchdate.html
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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!doctype html>
<html lang="cn">
<head>
<meta charset="utf-8"/>
<title>数据查询</title>
<link rel="stylesheet" href="css/layout.css" type="text/css" />
<link rel="stylesheet" href="js/bootstrap/bootstrap.css" type="text/css" />
<!--[if lt IE 9]><script src="js/html5.js"></script><![endif]-->
<script src="js/jquery-1.7.2.min.js" ></script>
<link rel="stylesheet" media="screen" type="text/css" href="js/datepicker/css/datepicker.css" />
<script src="js/datepicker/js/bootstrap-datepicker.js" ></script>
<link rel="stylesheet" type="text/css" media="screen" href="js/jqueryui/css/custom-theme/jquery-ui-1.8.21.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="js/jqgrid/css/ui.jqgrid.css" />
<script src="js/jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="js/jqgrid/js/i18n/grid.locale-cn.js" type="text/javascript"></script>
<script src="js/wisdom/wisdom.grid.js" type="text/javascript"></script>
<script src="js/wisdom/wisdom.plug-in.js"></script>
<script src="js/wisdom/system.js"></script>
<script>
$(function(){
$('div.datatable:first').wisdomGrid({
url:'js/jqgrid/server.json',
colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
colModel:[
{name:'id',index:'id', width:55},
{name:'invdate',index:'invdate', width:90},
{name:'name',index:'name asc, invdate', width:100},
{name:'amount',index:'amount', width:80, align:"right"},
{name:'tax',index:'tax', width:80, align:"right"},
{name:'total',index:'total', width:80,align:"right"},
{name:'note',index:'note', width:150, sortable:false}
]
});
});
</script>
</head>
<body>
<header id="header">
<hgroup>
<h1 class="site_title"><a href="index.html"><img alt="logo" src="images/logo.png" class="logo" /></a></h1>
<h2 class="section_title">XWebAdmin</h2>
</hgroup>
</header> <!-- end of header bar -->
<section id="secondary_bar">
<div class="user">
<p>Admin (<a href="#">3 条消息</a>)</p>
<a class="logout_user" href="#modelLogoutDialog" data-toggle="modal" title="Logout">Logout</a>
</div>
<div class="breadcrumbs_container"><i class="icon-chevron-left" id="toggleMenu"></i>
<article class="breadcrumbs"><a href="index.html">XWebAdmin</a> <div class="breadcrumb_divider"></div> <a class="current">基本表单</a></article>
</div>
</section><!-- end of secondary bar -->
<div id="container">
<aside id="sidebar" class="column">
<h3>基本功能演示</h3>
<ul class="toggle">
<li class="icn_new_article"><a href="index.html">框架介绍</a></li>
<li class="icn_new_article"><a href="button.html">页面按钮</a></li>
<li class="icn_tags"><a href="form.html">基本表单</a></li>
<li class="icn_new_article"><a href="datagrid.html">基本数据表格</a></li>
<li class="icn_new_article"><a href="jqgrid.html">JQgrid数据表格</a></li>
<li class="icn_categories"><a href="searchdate.html">数据查询</a></li>
<li class="icn_tags"><a href="icon.html">小图标</a></li>
</ul>
<h3>特殊功能</h3>
<ul class="toggle">
<li class="icn_edit_article"><a href="tree.html">树形数据表格</a></li>
<li class="icn_edit_article"><a href="dialog.html">Dialog</a></li>
<li class="icn_edit_article"><a href="#">子表格数据表格</a></li>
<li class="icn_add_user"><a href="#">树形结构</a></li>
<li class="icn_view_users"><a href="#">视频</a></li>
<li class="icn_profile"><a href="#">上传文件</a></li>
<li class="icn_profile"><a href="#">Tab页</a></li>
</ul>
<h3>服务器功能</h3>
<ul class="toggle">
<li class="icn_folder"><a href="#">性能监控</a></li>
<li class="icn_photo"><a href="#">定时任务</a></li>
<li class="icn_audio"><a href="#">MySql备份</a></li>
</ul>
<footer>
<hr />
<p><strong>Copyright © 2012 Radium</strong></p>
<p>Author <a href="mailto:###">Radium</a></p>
<iframe width="0" height="0" src="_cache.html" ></iframe>
</footer>
</aside><!-- end of sidebar -->
<section id="main" class="column">
<article class="module width_full">
<header>
<h3>数据查询</h3>
<a href="javascript:void(0)" class="headerCloseButton"><span class="ui-icon ui-icon-circle-triangle-n"></span></a>
</header>
<div class="module_content">
<form class="form-search" action="#">
<label for="name">姓名:</label><input id="name" class="input-small" />
<label for="name">姓名:</label><input id="name" class="input-small" />
<label for="name">姓名:</label><input id="name" class="input-small" /><br/>
<label for="name">姓名:</label><input id="name" class="input-small" />
<label for="name">姓名:</label><input id="name" class="input-small" />
<label for="sex">性别:</label><select id="sex"><option>不限制</option><option value="女">女</option><option value="男">男</option></select>
<label for="birthday">生日:</label><input class="datePicker input-small" name="birthday" id="birthday" data-date-viewmode="years" data-date-format="yyyy-mm-dd"/>
<input type="button" class="btn" value="查询" />
</form>
</div>
</article>
<article class="module width_full" style="border:0;">
<div class="datatable"></div>
<div id="page"></div>
</article>
</section>
</div>
<!-- 退出按钮被点击时。 -->
<div id="modelLogoutDialog" class="modal hide fade" style="display: none; ">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>请确认</h3>
</div>
<div class="modal-body">
<h4>确认退出</h4>
<p>
您确认要退出登录吗?
</p>
</div>
<div class="modal-footer">
<a href="#" class="btn btn-primary">确认退出</a>
<a href="#" class="btn" data-dismiss="modal">不退出</a>
</div>
</div>
</body>
</html>