<%@ Page Title="" Language="C#" MasterPageFile="~/helpdesk/AD.master" AutoEventWireup="true" CodeBehind="Ad_Group.aspx.cs" Inherits="helpdesk.helpdesk.Ad_Group" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
      <div style="border:solid 1px #ccc;padding:10px; margin:10px  " class="form-inline">


          <link href="../javascript/datatables/datatables.min.css" rel="stylesheet" />
          <script src="../javascript/datatables/datatables.min.js"></script>

   搜索:组类型
       <select class="form-control" id="groupType">
              <option value="">All</option>
              <option value="Global, Security">Global, Security</option>
            <option value="Builtin">Builtin</option>
            <option value="Domain, Security">Domain, Security</option> 
            <option value="Universal, Security">Universal, Security</option>
          
           
      </select>
         
组名称 <input type="text" class="form-control" id="key" />



         </div>



     <style>
     div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}
 </style>

    <asp:GridView runat="server" ID="gv" 
        ClientIDMode="Static" CssClass="table table-hover" 
         AutoGenerateColumns="false" AllowPaging="false" 
        GridLines="None" OnPreRender="gv_PreRender">

        
<Columns>
     <asp:BoundField DataField="GroupType" HeaderText="组类型"  HeaderStyle-Width="280px"/>

    <asp:BoundField DataField="SamAccountName" HeaderText="组名"  HeaderStyle-Width="250px"/>
    

     <asp:BoundField DataField="Description" HeaderText="组说明"  HeaderStyle-Width="800px"/>

    <asp:TemplateField>
        <HeaderStyle Width="100px" />
        <ItemTemplate>

            <a href="###" onclick="Pop('ad_group_member.aspx?groupname=<%#Eval("SamAccountName") %>',820,550,'组里成员')">组成员</a>
        </ItemTemplate>

    </asp:TemplateField>

</Columns>


    </asp:GridView>





    <script>
        $(document).ready(function () {
            $("#gv").DataTable({
                paging: true,
                order: [[ 0, "asc" ]],
                dom: "rtip",
                lengthMenu: [15]


            });



            var table = $('#gv').DataTable();


            $('#groupType').on('change', function () {
                table.columns(0).search(this.value).draw();
            });


            $('#key').on('keyup', function () {
                table.columns(1).search(this.value).draw();
            });

        });




    </script>

    





</asp:Content>
