<%@ 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 cellpadding="0" cellspacing="0" style="width: 100%">
                <tr>

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