HTML

1. <%--表格顯示區--%>
2.    <tableid="tt"title="管理員設定"class="easyui-datagrid"style="width: auto; height: 400px;"
3.        idfield="itemid"pagination="true"data-options="iconCls:'icon-save',rownumbers:true,url:'SetAdmin.ashx/ProcessRequest',pageSize:5, pageList:[5,10,15,20],method:'get',toolbar:'#tb',striped:true"
   fitcolumns="true"><%--striped="true"--%>
4.        <%-- 表格標題--%>
5.        <thead>
6.            <tr>
7.                <thdata-options="field:'AdminID',checkbox:true"></th>
8.                <thdata-options="field:'AdminName',width:100">使用者名稱</th>
9.                <
   thdata-options="field:'AdminPassword',width:120,align:'right'">密碼</th>
10.                <thdata-options="field:'AdminRightName',width:120,align:'right'">許可權</th>
11.                <thdata-options="field:'ActiveDate',width:100">時間</th>
12.            </tr>
13.        </thead>
14.         <
    %--表格內容--%>
15.    </table>
16.    <%--功能區--%>
17.    <divid="tb"style="padding: 5px; height: auto">
18.        <%-- 包括新增管理員，修改、刪除管理員 --%>
19.        <divstyle="margin-bottom: 5px">
20.            <ahref="javascript:void(0)"onclick="newUser()"class="easyui-linkbutton"data-options="iconCls:'icon-add',plain:true"></a>
21.            <ahref="javascript:void(0)"onclick="editUser() "class="easyui-linkbutton"data-options="iconCls:'icon-edit',plain:true"></a>
22.            <ahref="javascript:void(0)"onclick="removeUser()"class="easyui-linkbutton"data-options="iconCls:'icon-remove',plain:true"></a>
23.        </div>
24.        <%-- 查詢管理員資訊，根據時間、管理員名 --%>
25.        <div>
26.            時間從:  
27.            <inputid="StartTime"class ="easyui-datebox"style="width: 100px"/>
28.            到:  
29.            <inputid="EndTime"class="easyui-datebox"style="width: 100px"/>
30.           管理員名:   
31.            <inputid="AdminName"/>
32.            按許可權：  
33.              <selectid="quanxian"class="easyui-combobox"name="state"datatextfield="AdminRightName"datavaluefield="AdminRightName"style="width: 150px;"panelheight="auto"runat="server">
34.              </select>
35.            <ahref="#"class="easyui-linkbutton"data-options="iconCls:'icon-search'"onclick="reloadgrid()">Search</a>
36.        </div>
37.    </div>

1. <%--基礎js--%>  
2. <script src="../jquery.min.js"></script>  
3. <%--easyui 的js--%>  
4. <script charset="utf-8" src="../jquery.easyui.min.js"></script>  
5. <%--中文js--%>  
6. <script src="../locale/easyui-lang-zh_CN.js"></script>  
7. <%--基礎樣式--%>  
8. <link href="../themes/default/easyui.css" rel="stylesheet" />  
9. <%--圖示樣式--%>  
10. <link href="../themes/icon.css" rel="stylesheet" />