<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Grid Pager.aspx.cs" Inherits="Grid_Pager" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <telerik:RadScriptManager ID="RadScriptManager" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="ProjectGrid">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="ProjectGrid" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Sunset" />
        <telerik:RadSplitter ID="Splitter" runat="server" Orientation="Horizontal" Width="100%">
            <telerik:RadPane ID="ProjectPane" runat="server" Width="100%">
                <telerik:RadToolBar ID="ProjectToolBar" runat="server" Width="100%">
                    <Items>
                        <telerik:RadToolBarButton Text="My Projects" Font-Bold="True" Font-Size="16px" Font-Names="arial"
                            Width="100%" />
                    </Items>
                </telerik:RadToolBar>
                <telerik:RadGrid ID="ProjectGrid" Width="100%" runat="server" AllowSorting="true"
                    AutoGenerateColumns="false" DataSourceID="AccessDataSource1" ShowStatusBar="True"
                    AllowMultiRowSelect="false">
                    <ClientSettings EnablePostBackOnRowClick="true">
                        <Selecting AllowRowSelect="true" />
                    </ClientSettings>
                    <MasterTableView Width="100%" DataKeyNames="CustomerID" HierarchyLoadMode="ServerOnDemand">
                        <DetailTables>
                            <telerik:GridTableView DataKeyNames="CustomerID" Name="ProjectDetails" Width="100%">
                                <Columns>
                                    <telerik:GridBoundColumn HeaderText="CompanyName" HeaderButtonType="TextButton" DataField="CompanyName" />
                                </Columns>
                            </telerik:GridTableView>
                        </DetailTables>
                        <Columns>
                            <telerik:GridBoundColumn HeaderText="ContactName" DataField="ContactName">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn HeaderText="Address" DataField="Address">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn HeaderText="Country" DataField="Country">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn HeaderText="City" DataField="City" />
                        </Columns>
                    </MasterTableView>
                </telerik:RadGrid>
                <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/Nwind.mdb"
                    SelectCommand="SELECT * FROM Customers"></asp:AccessDataSource>
            </telerik:RadPane>
        </telerik:RadSplitter>
    </div>
    </form>
</body>
</html>
