基于asp.net + easyui框架——界面（一）

HTML

<%--表格显示区--%>  

   <table id="tt" title="管理员设置" class="easyui-datagrid" style="width: auto; height: 400px;"          

       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"--%>  

       <%-- 表格标题--%>  

       <thead>  

           <tr>  

               <
16fff
th data-options="field:'AdminID',checkbox:true"></th>  

               <th data-options="field:'AdminName',width:100">用户名</th>  

               <th data-options="field:'AdminPassword',width:120,align:'right'">密码</th>  

               <th data-options="field:'AdminRightName',width:120,align:'right'">权限</th>  

               <th data-options="field:'ActiveDate',width:100">时间</th>                 

           </tr>  

       </thead>  

        <%--表格内容--%>  

   </table>  

   <%--功能区--%>  

   <div id="tb" style="padding: 5px; height: auto">  

       <%-- 包括添加管理员，修改、删除管理员 --%>  

       <div style="margin-bottom: 5px">  

           <a href="javascript:void(0)" onclick="newUser()" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true"></a>  

           <a href="javascript:void(0)" onclick="editUser() " class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true"></a>  

           <a href="javascript:void(0)" onclick="removeUser()" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true"></a>  

       </div>  

       <%-- 查找管理员信息，根据时间、管理员名 --%>  

       <div>  

           时间从:  

           <input id="StartTime" class ="easyui-datebox" style="width: 100px" />  

           到:  

           <input id="EndTime" class="easyui-datebox" style="width: 100px" />   

          管理员名:   

           <input id="AdminName"/>   

           按权限：  

             <select id="quanxian" class="easyui-combobox" name="state" datatextfield="AdminRightName" datavaluefield="AdminRightName" style="width: 150px;" panelheight="auto"  runat="server">  

             </select>  

           <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="reloadgrid()">Search</a>  

       </div>  

   </div>  

<%--基础js--%>  

<script src="../jquery.min.js"></script>  

<%--easyui 的js--%>  

<script charset="utf-8" src="../jquery.easyui.min.js"></script>  

<%--中文js--%>  

<script src="../locale/easyui-lang-zh_CN.js"></script>  

<%--基础样式--%>  

<link href="../themes/default/easyui.css" rel="stylesheet" />  

<%--图标样式--%>  

<link href="../themes/icon.css" rel="stylesheet" />