<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

<!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>
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <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" />
        </Scripts>
    </telerik:RadScriptManager>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    <div>
        <telerik:RadGrid ID="destinationCodesGrid" runat="server" AutoGenerateColumns="False"
            OnNeedDataSource="destinationCodesGrid_OnNeedDataSource" Width="500px" AutoGenerateDeleteColumn="True"
            AllowFilteringByColumn="True" GridLines="None" AllowPaging="true" PageSize="10">
            <HeaderContextMenu>
                <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
            </HeaderContextMenu>
            <MasterTableView DataKeyNames="DialID" EditMode="InPlace" 
                InsertItemDisplay="Bottom" CommandItemDisplay="Bottom">
                <NestedViewTemplate>
                    <telerik:RadGrid runat="server" Visible="true" ID="detailsGrid" OnNeedDataSource="detailsGrid_OnNeedDataSource"
                        ShowFooter="true" AllowSorting="true" AutoGenerateDeleteColumn="True">
                        <MasterTableView ShowHeader="true" AutoGenerateColumns="False" AllowPaging="false"
                            DataKeyNames="DialID">
                            <Columns>
                                <telerik:GridBoundColumn SortExpression="PhoneNum" DataField="PhoneNum" HeaderText="Phone Number"
                                    UniqueName="PhoneNum">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn SortExpression="PhoneNum" DataField="DestName" HeaderText="Destination Name"
                                    UniqueName="DestName">
                                </telerik:GridBoundColumn>
                                <telerik:GridEditCommandColumn />
                            </Columns>
                        </MasterTableView>
                    </telerik:RadGrid>
                </NestedViewTemplate>
                
                <Columns>
                    <telerik:GridBoundColumn DataField="DialID" SortExpression="DialID" HeaderText="DialID"
                        UniqueName="DialID">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="SimpleText" SortExpression="SimpleText" HeaderText="SimpleText"
                        UniqueName="SimpleText">
                    </telerik:GridBoundColumn>
                </Columns>
            </MasterTableView>
        </telerik:RadGrid>
    </div>
    </form>
</body>
</html>
