Click here to Skip to main content
15,881,248 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
im using this link
---------------------
http://www.infragistics.com/samples/aspnet/data-grid/filtering-excel-style[^]
---------------------
this is my code
===============
XML
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Script/jquery-1.11.1.min.js" type="text/javascript" >
         $(window).load(function () {
            $("#sampleContainer").addClass("filteringDropDown");
        });

    </script>
    <script src="Script/jquery.js" type="text/javascript">

        $(window).load(function () {
            $("#sampleContainer").addClass("filteringDropDown");
        });

    </script>
     <style type="text/css">
            .filteringDropDown
            {
              overflow: visible !important;
                }

         .igg_FilterRuleDropDown
         {
             min-width: 170px;
         }

         .igg_FilterCheckboxList
         {
             width: 100%;
         }

         #filterDDOkBtn, #filterDDCancelBtn
         {
             width: 75px;
         }
     </style>

</head>
<body>
    <form id="form1" runat="server">

 <div id="gridContainer" style="overflow:visible">
    <ig:WebDataGrid ID="WebDataGrid1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1"
        Width="100%" Height="425px" DataKeyFields="proj_id">
        <Columns>

            <ig:BoundDataField DataFieldName="proj_id" Key="proj_id">
                <Header Text="<%$ Resources:WebDataGrid, ColumnHeaderproj_id  %>" /></ig:BoundDataField>
            <ig:BoundDataField DataFieldName="proj_code" Key="proj_code">
              <Header Text="<%$ Resources:WebDataGrid, ColumnHeaderproj_code  %>" />
            </ig:BoundDataField>
            <ig:BoundDataField DataFieldName="proj_name" Key="proj_name">
                <Header Text="<%$ Resources:WebDataGrid, ColumnHeaderproj_name  %>" />
            </ig:BoundDataField>
            <ig:BoundDataField DataFieldName="proj_desc" Key="proj_desc">
                <Header Text="<%$ Resources:WebDataGrid, ColumnHeaderpproj_desc  %>" />
            </ig:BoundDataField>
        </Columns>
        <EditorProviders>
            <ig:TextBoxProvider ID="TextBoxProvider" />
        </EditorProviders>
       <Behaviors>
            <ig:Filtering Alignment="Top" Visibility="Visible" Enabled="true" FilterType="ExcelStyleFilter">
                <ColumnSettings>
                    <ig:ColumnFilteringSetting ColumnKey="proj_code" Enabled="true" />
                </ColumnSettings>
            </ig:Filtering>
        </Behaviors>

    </ig:WebDataGrid>
    </div>

      <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:vpay_dbConnectionString6 %>" OnInit="SqlDataSource1_Init"

             SelectCommand="SELECT [proj_id], [proj_code], [proj_name], [proj_desc] FROM [Project]"></asp:SqlDataSource>
    </form>
</body>
</html>
Posted
Comments
Not clear. What is the issue?
Member 10928697 24-Nov-14 1:07am    
http://www.infragistics.com/samples/aspnet/data-grid/filtering-excel-style
----------------------------------------------------------------------------
i have to use this link sir...my problem is check box was not checked in my code
Member 10928697 24-Nov-14 1:14am    
can i write the program on Infragistics control sir in HTML5...
im using this link sir http://www.infragistics.com/samples/aspnet/data-grid/filtering-excel-style......i have to write program ,its working sir but check box was not checked its my problem sir its understood sir.
Where is the CheckBox? I cannot see anything in code.
Member 10928697 24-Nov-14 22:56pm    
<script src="Script/jquery-1.11.1.min.js" type="text/javascript" >
$(window).load(function () {
$("#sampleContainer").addClass("filteringDropDown");
});

</script>
<script src="Script/jquery.js" type="text/javascript">

$(window).load(function () {
$("#sampleContainer").addClass("filteringDropDown");
});

</script>
<style type="text/css">
.filteringDropDown
{
overflow: visible !important;
}

.igg_FilterRuleDropDown
{
min-width: 170px;
}

.igg_FilterCheckboxList
{
width: 100%;
}

#filterDDOkBtn, #filterDDCancelBtn
{
width: 75px;
}
</style>
-------------------------------------------------------------------------
my doubt also same sir....using only above code in that program ..

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900