Hi guriq,

Please let me know if you need further assistance.

Best Regards,

Hi guriq,

I am attaching a sample illustrating a 10.3 WebDataGrid with a templated field where the header checkbox checks/unchecks all cell checkboxes.

Here is the javascript code used in this scenario:

    function HeaderCheckboxChanged() {
                //variable to hold the status of the checkBox. The tricky part is to access the input element.                
                var checkBoxState = $find("WebDataGrid1").get_columns().get_column(1).get_headerElement().children[0].children[0].checked;                
                
                //iterate through the rows and set the checkBox states and cell values                
                for (i = 0; i < $find("WebDataGrid1").get_rows().get_length(); i++) {
                    $find("WebDataGrid1").get_rows().get_row(i).get_cell(1).get_element().children[0].checked = checkBoxState;     
                }
        }

And the corresponding grid markup:

        <ig:WebDataGrid ID="WebDataGrid1" runat="server" AutoGenerateColumns="False" 
            DataSourceID="SqlDataSource1" Height="350px" Width="400px">
            <Columns>
                <ig:BoundDataField DataFieldName="Name" Key="BoundColumn_0">
                    <Header Text="BoundColumn_0" />
                </ig:BoundDataField>
                <ig:TemplateDataField Key="TemplateField_0">
                    <ItemTemplate>
                        <asp:CheckBox ID="CheckBox1" runat="server" />
                    </ItemTemplate>
                    <HeaderTemplate>
                        <asp:CheckBox ID="CheckBox2" runat="server" onchange="HeaderCheckboxChanged();"  />
                    </HeaderTemplate>
                    <Header Text="TemplateField_0"  />
                </ig:TemplateDataField>
            </Columns>

        </ig:WebDataGrid>

Please let me know if you have any questions.

Hi guriq,

Please feel free to contact me if you need further assistance.

Best Regards,