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

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Untitled Page</title>
    <style type="text/css">
        .RadGrid_Default input.rgExpand
        {
            background: url('248258_1294727542-toggle-small-expand[1].png') center center no-repeat !important;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
    <telerik:RadGrid ID="rgGroupList" runat="server" AutoGenerateColumns="false" AllowSorting="True"
        PageSize="10" OnColumnCreated="RadGrid1_ColumnCreated" AllowPaging="true" PagerStyle-AlwaysVisible="true"
        ShowFooter="True" OnNeedDataSource="rgGroupList_OnNeedDataSource" OnDetailTableDataBind="rgGroupList_DetailTableDataBind">
        <PagerStyle Mode="NextPrevAndNumeric" />
        <ClientSettings Scrolling-AllowScroll="True">
            <Selecting AllowRowSelect="true" EnableDragToSelectRows="False" />
        </ClientSettings>
        <MasterTableView EditMode="PopUp" DataKeyNames="CustomerID" Name="ProductGroup" AllowMultiColumnSorting="True"
            HierarchyDefaultExpanded="false" HierarchyLoadMode="Client">
            <DetailTables>
                <telerik:GridTableView DataKeyNames="CustomerID" Name="gtvProductGroupMember" Width="100%"
                    runat="server" EditMode="PopUp" CommandItemDisplay="Top">
                    <ParentTableRelation>
                        <telerik:GridRelationFields DetailKeyField="CustomerID" MasterKeyField="CustomerID" />
                    </ParentTableRelation>
                    <Columns>
                        <telerik:GridBoundColumn DataField="OrderID" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="OrderDate" HeaderText="Site Node">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="ShipName" HeaderText="Product Name">
                        </telerik:GridBoundColumn>
                        <telerik:GridButtonColumn ConfirmText="Delete Group Member?" ButtonType="ImageButton"
                            CommandName="Delete" Text="Delete" UniqueName="DeleteColumn1">
                            <HeaderStyle Width="30px" />
                        </telerik:GridButtonColumn>
                    </Columns>
                    <CommandItemTemplate>
                        <asp:HyperLink ID="hyplnkAdd" runat="server" ImageUrl="/Images/Icons/add.png"></asp:HyperLink>
                        Add New Group Member
                    </CommandItemTemplate>
                </telerik:GridTableView>
            </DetailTables>
            <Columns>
                <telerik:GridBoundColumn DataField="CustomerID" UniqueName="CustomerID" Visible="false" />
                <telerik:GridBoundColumn DataField="ContactName" HeaderText="Group" UniqueName="ContactName"
                    HeaderStyle-Width="200px">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Address" HeaderText="Created By" UniqueName="Address"
                    HeaderStyle-Width="200px">
                </telerik:GridBoundColumn>
                <telerik:GridButtonColumn ConfirmText="Delete Group?" ButtonType="ImageButton" CommandName="Delete"
                    Text="Delete" UniqueName="DeleteColumn">
                    <HeaderStyle Width="30px" />
                </telerik:GridButtonColumn>
            </Columns>
            <CommandItemSettings AddNewRecordText="Add New Product Group" AddNewRecordImageUrl="/Images/Icons/add.png"
                RefreshText="Refresh" />
        </MasterTableView>
    </telerik:RadGrid>
    </form>
</body>
</html>
