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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</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" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
            </Scripts>
        </telerik:RadScriptManager>
        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
            <script type="text/javascript">
            </script>
        </telerik:RadCodeBlock>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        </telerik:RadAjaxManager>

        <telerik:RadGrid ID="rgSelections" runat="server" AllowPaging="False" AllowSorting="False"
            AllowMultiRowSelection="false" AutoGenerateColumns="False" DataSourceID="SqlDataSource1"
            HorizontalAlign="NotSet" AllowAutomaticDeletes="False" AllowAutomaticInserts="False"
            AllowAutomaticUpdates="false" AllowFilteringByColumn="false" ShowGroupPanel="False"
            Skin="Metro" Height="800">
            <ClientSettings ReorderColumnsOnClient="false" AllowDragToGroup="false" AllowColumnsReorder="false"
                AllowRowsDragDrop="false">
                <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true" ScrollHeight="800px"></Scrolling>
                <Selecting AllowRowSelect="true"></Selecting>
                <Resizing AllowRowResize="False" AllowColumnResize="False" EnableRealTimeResize="False"></Resizing>
                <ClientEvents OnRowMouseOver="onRowMouseOver" />
            </ClientSettings>
            <MasterTableView DataKeyNames="ShipName" GridLines="None" AllowMultiColumnSorting="True"
                AutoGenerateColumns="False" HorizontalAlign="NotSet" CommandItemDisplay="Top"
                GroupLoadMode="Client">
                <GroupByExpressions>
                    <telerik:GridGroupByExpression>
                        <SelectFields>
                            <telerik:GridGroupByField FieldAlias="OrderDate" FieldName="OrderDate" FormatString="{0:dddd MMMM d}"
                                HeaderText="Date"></telerik:GridGroupByField>
                        </SelectFields>
                        <GroupByFields>
                            <telerik:GridGroupByField FieldName="OrderDate" SortOrder="Ascending"></telerik:GridGroupByField>
                        </GroupByFields>
                    </telerik:GridGroupByExpression>
                </GroupByExpressions>
                <Columns>
                    <telerik:GridBoundColumn UniqueName="OrderDate" SortExpression="Order Date" HeaderText="Order Date"
                        DataField="OrderDate" DataFormatString="{0:M/dd}" Display="false">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn UniqueName="ShippedDate" SortExpression="ShippedDate" HeaderText="Shipped Date"
                        DataField="ShippedDate" DataFormatString="{0:M/dd}" ItemStyle-Width="60px"
                        HeaderStyle-Width="60px" ItemStyle-Wrap="false">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn UniqueName="ShipName" SortExpression="ShipName"
                        HeaderText="Ship Name" DataField="ShipName" ItemStyle-Width="100%" HeaderStyle-Width="100%">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn UniqueName="ShipAddress" SortExpression="ShipAddress" HeaderText="Ship Address"
                        DataField="ShipAddress" ItemStyle-Width="60px" HeaderStyle-Width="60px">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn HeaderText="OrderID" DataField="OrderID"
                        SortExpression="OrderID" UniqueName="OrderID" Display="False">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn UniqueName="ShipCity" SortExpression="ShipCity" HeaderText="Ship City"
                        DataField="ShipCity" Display="False">
                    </telerik:GridBoundColumn>
                    <telerik:GridButtonColumn UniqueName="Remove" CommandName="Remove" ButtonType="ImageButton"
                        ImageUrl="images/delete.gif" ItemStyle-Width="30px" HeaderStyle-Width="30px">
                    </telerik:GridButtonColumn>
                </Columns>
                <ExpandCollapseColumn Resizable="False" Visible="False">
                    <HeaderStyle Width="20px" />
                </ExpandCollapseColumn>
                <RowIndicatorColumn ItemStyle-Width="0px" HeaderStyle-Width="0px" />
                <CommandItemTemplate>
                </CommandItemTemplate>
            </MasterTableView>
        </telerik:RadGrid>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ProviderName="System.Data.SqlClient" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
            SelectCommand="SELECT * FROM [Orders]"></asp:SqlDataSource>
    </form>
</body>
</html>
