<%@ Page EnableViewState="True" Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs"
    Inherits="_Default" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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 id="Head1" runat="server">
    <title>Untitled Page</title>
</head>
<body style="margin: 0px;">
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <telerik:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" runat="server" AutoGenerateColumns="true"
            AllowSorting="True" AllowMultiRowSelection="False" AllowPaging="True" PageSize="10"
            GridLines="None" ShowGroupPanel="true">
            <PagerStyle Mode="NumericPages"></PagerStyle>
            <MasterTableView DataSourceID="SqlDataSource1" DataKeyNames="CustomerID" AllowMultiColumnSorting="True"
                GroupLoadMode="Server" HierarchyLoadMode="ServerOnDemand">
                <%--  <Columns>
           <telerik:GridBoundColumn SortExpression="ExperimentDateTime" HeaderText="Experiment DateTime"
                        HeaderButtonType="TextButton" DataType="System.DateTime" DataFormatString="{0:d}"
                        AllowSorting="true" AllowFiltering="true" Groupable="true" DataField="ExperimentDateTime"
                        UniqueName="ExperimentDateTime">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="ExperimentUser" HeaderText="Experiment DateTime"
                        HeaderButtonType="TextButton" AllowSorting="true" AllowFiltering="true" Groupable="true"
                        DataField="ExperimentDateTime" UniqueName="ExperimentDateTime">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="ValidationDateStartTime" HeaderText="Validation StartTime"
                        HeaderButtonType="TextButton" AllowSorting="true" AllowFiltering="true" Groupable="true"
                        DataField="ValidationDateStartTime" UniqueName="ValidationDateStartTime">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="ValidationDateEndTime" HeaderText="Validation End Time"
                        HeaderButtonType="TextButton" AllowSorting="true" AllowFiltering="true" Groupable="true"
                        DataField="ValidationDateEndTime" UniqueName="ValidationDateEndTime">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="TrainingDateStartTime" HeaderText="Training StartTime"
                        HeaderButtonType="TextButton" AllowSorting="true" AllowFiltering="true" Groupable="true"
                        DataField="TrainingDateStartTime" UniqueName="TrainingDateStartTime">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="TrainingDateEndTime" HeaderText="Training End Time"
                        HeaderButtonType="TextButton" AllowSorting="true" AllowFiltering="true" Groupable="true"
                        DataField="TrainingDateEndTime" UniqueName="TrainingDateEndTime">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="AetherDescription" HeaderText="Description"
                        HeaderButtonType="TextButton" AllowFiltering="true" AllowSorting="true" Groupable="true"
                        DataField="AetherDescription" UniqueName="AetherDescription">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="AetherGUID" HeaderText="AetherGUID" HeaderButtonType="TextButton"
                        AllowFiltering="true" AllowSorting="true" Groupable="true" DataField="AetherGUID"
                        UniqueName="AetherGUID">
                    </telerik:GridBoundColumn>-
                </Columns>--%>
                <NestedViewSettings DataSourceID="SqlDataSource2">
                    <ParentTableRelation>
                        <telerik:GridRelationFields DetailKeyField="CustomerID" MasterKeyField="CustomerID" />
                    </ParentTableRelation>
                </NestedViewSettings>
                <NestedViewTemplate>
                    <asp:Panel runat="server" ID="InnerContainer" CssClass="viewWrap" Visible="true">
                        <telerik:RadTabStrip runat="server" ID="TabStip1" MultiPageID="Multipage1" SelectedIndex="0">
                            <Tabs>
                                <telerik:RadTab runat="server" Text="Metrics" PageViewID="PageView1">
                                </telerik:RadTab>
                                <telerik:RadTab runat="server" Text="To be added" PageViewID="PageView2">
                                </telerik:RadTab>
                                <telerik:RadTab runat="server" Text="Chart" PageViewID="PageView3">
                                </telerik:RadTab>
                            </Tabs>
                        </telerik:RadTabStrip>
                        <telerik:RadMultiPage runat="server" ID="Multipage1" SelectedIndex="0" RenderSelectedPageOnly="false">
                            <telerik:RadPageView runat="server" ID="PageView1">
                                <telerik:RadGrid runat="server" ID="ExpMetricsGrid" DataSourceID="SqlDataSource2"
                                    ShowFooter="true" AllowSorting="true" AutoGenerateColumns="true">
                                    <MasterTableView>
                                        <%-- <Columns>
                                            <telerik:GridBoundColumn SortExpression="Position" HeaderText="Position" HeaderButtonType="TextButton"
                                                DataField="Position" UniqueName="Position">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn SortExpression="RigProd" HeaderText="Production RIG" HeaderButtonType="TextButton"
                                                DataField="RigProd" UniqueName="Production RIG">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn SortExpression="RigExpt" HeaderText="Experiment RIG" HeaderButtonType="TextButton"
                                                DataField="RigExpt" UniqueName="Experiment RIG">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn SortExpression="RIGAdPredict" UniqueName="AdPredictor RIG"
                                                DataField="RIGAdPredict" HeaderText="AdPredictor RIG">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn SortExpression="AvgPClickProd" HeaderText="Production Average PClick"
                                                HeaderButtonType="TextButton" DataField="AvgPClickProd" UniqueName="Production Average PClick">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn SortExpression="AvgPClickExpt" HeaderText="Experiment Average PClick"
                                                HeaderButtonType="TextButton" DataField="AvgPClickExpt" UniqueName="Experiment Average PClick">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn SortExpression="Impression" HeaderText="Impressions" HeaderButtonType="TextButton"
                                                DataField="Impression" UniqueName="Impression">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn SortExpression="Clicks" HeaderText="Clicks" HeaderButtonType="TextButton"
                                                DataField="Clicks" UniqueName="Clicks">
                                            </telerik:GridBoundColumn>
                                        </Columns>--%>
                                    </MasterTableView>
                                </telerik:RadGrid>
                                <asp:SqlDataSource ID="SqlDataSource2" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
                                    ProviderName="System.Data.SqlClient" SelectCommand="SELECT * FROM Orders" runat="server">
                                </asp:SqlDataSource>
                            </telerik:RadPageView>
                            <telerik:RadPageView runat="server" ID="PageView2" Width="460px">
                            </telerik:RadPageView>
                            <telerik:RadPageView runat="server" ID="PageView3" Width="400px">
                            </telerik:RadPageView>
                        </telerik:RadMultiPage>
                    </asp:Panel>
                </NestedViewTemplate>
            </MasterTableView>
            <ClientSettings AllowDragToGroup="true" />
        </telerik:RadGrid>
        <asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
            ProviderName="System.Data.SqlClient" SelectCommand="SELECT * FROM Customers"
            runat="server"></asp:SqlDataSource>
    </div>
    </form>
</body>
</html>
