<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Dept.aspx.cs" Inherits="MESWebSite.Manage.Dept" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="/CSS/Basics.css" rel="stylesheet" /> <link href="/Scripts/jquery-easyui-1.4.3/themes/metro/easyui.css" rel="stylesheet" type="text/css" /> <link href="/Scripts/jquery-easyui-1.4.3/themes/icon.css" rel="stylesheet" type="text/css" /> <link href="/Scripts/jquery-easyui-1.4.3/themes/color.css" rel="stylesheet" type="text/css" /> <script src="/Scripts/jquery-easyui-1.4.3/jquery.min.js" type="text/javascript"></script> <script src="/Scripts/jquery-easyui-1.4.3/jquery.easyui.min.js" type="text/javascript"></script> <script src="/Scripts/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js" type="text/javascript"></script> <script src="/Scripts/MyJs.js" type="text/javascript"></script> <style> #w td { padding: 5px 5px; text-align: left; vertical-align: middle; } #w .title { vertical-align: middle; text-align: right; width: 80px; height: 40px; } p { padding: 5px; font-size: small; font-family: 微软雅黑; } .datagrid { text-align: center; } </style> <title>部门信息</title> </head> <body> <form id="form1" runat="server"> <div class="top"> <table style="width: 100%"> <tr style="display: flex"> <%--<td><span class="title">部门信息</span> </td> <td style="width: 260px;"></td> <td style="width: 260px;"></td> <td style="width: 260px;"></td>--%> <td style="width: 260px;">部门名称: <input type="text" id="DeptName_s" style="width: 140px;" /></td> <td style="width: 80px;"><a class="topsearchBtn">查询</a></td> </tr> </table> </div> <table id="tb" title="部门" style="width: 99%;"> </table> <script> /**************** 全局变量 ***************/ var PrimaryID; //要编辑的id var dg = $('#tb'); //表格 var isEdit = false; //是否为编辑状态 /**************** DOM加载 ***************/ $(function () { $.ajaxSetup({ cache: false //关闭AJAX缓存 }); //搜索按钮 $('.topsearchBtn').first().click(function () { SearchInfo(); }); dg = $('#tb').datagrid({ fitColumns: true, nowrap: false, striped: true, collapsible: false, url: "/HttpHandlers/DeptHandler.ashx?method=QueryList", remoteSort: false, columns: [[ { field: 'GUID', title: 'GUID', hidden: true }, { field: 'DeptCode', title: '部门代码', sortable: 'true', width: 10 }, { field: 'DeptName', title: '部门名称', sortable: 'true', width: 10 }, { field: 'Remark', title: '描述', sortable: 'true', width: 10 }, { field: 'Domain', title: '区域', sortable: 'true', width: 10 }, { field: 'Site', title: '地点', sortable: 'true', width: 10 } ]], pagination: true,//表示在datagrid设置分页 rownumbers: true, singleSelect: true }); dg.datagrid('getPager').pagination({ pageSize: 10, pageNumber: 1, pageList: [10, 20, 30, 40, 50], beforePageText: '第',//页数文本框前显示的汉字 afterPageText: '页 共 {pages} 页', displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录', }); }); /**************** 主要业务程序 ***************/ //查询方法 function SearchInfo() { var DeptName = $('#DeptName_s').val(); var queryParams = { DeptName: DeptName }; dg.datagrid({ queryParams: queryParams }); dg.datagrid('reload'); } </script> </form> </body> </html>