<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <asp:ScriptManager runat="server" ID="ScriptManager3">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        </Scripts>
    </asp:ScriptManager>
    <telerik:RadCodeBlock runat="server">
        <script type="text/javascript">
            function checkChange(sender, e)
            {
                var shouldCheckAll = sender.checked;
                $telerik.$(".checkbox").each(function (index, item) { 
             
                    item.children[0].checked = shouldCheckAll;
                });
            }
        </script>
    </telerik:RadCodeBlock>
    <telerik:RadGrid runat="server" AutoGenerateColumns="false" ID="RadGrid1" AllowSorting="True" AllowPaging="True">
        <MasterTableView>
            <Columns>
                <telerik:GridTemplateColumn>
                    <ItemTemplate>
                        <asp:CheckBox runat="server" CssClass="checkbox" ID="CheckBox1" />
                    </ItemTemplate>
                    <HeaderTemplate>
                        <asp:CheckBox runat="server" onclick="checkChange(this, event);" ID="CheckBox3" />
                    </HeaderTemplate>
                </telerik:GridTemplateColumn>
                <telerik:GridBoundColumn DataField="ID" HeaderText="ID"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Item" HeaderText="Item"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Date" HeaderText="Date"></telerik:GridBoundColumn>
            </Columns>
            <DetailTables>
                <telerik:GridTableView>
                    <Columns>
                        <telerik:GridTemplateColumn>
                            <ItemTemplate>
                                <asp:CheckBox runat="server"  CssClass="checkbox" ID="CheckBox2" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridBoundColumn DataField="ID1" HeaderText="ID1"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Item1" HeaderText="Item1"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Date1" HeaderText="Date1"></telerik:GridBoundColumn>
                    </Columns>
                </telerik:GridTableView>
            </DetailTables>
        </MasterTableView>
    </telerik:RadGrid>

</asp:Content>
