<%@ Page Language="C#" AutoEventWireup="true" CodeFile="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>
            <%--Needed for JavaScript IntelliSense in VS2010--%>
            <%--For VS2008 replace RadScriptManager with ScriptManager--%>
            <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>
    <script type="text/javascript">
        //Put your JavaScript code here.
    </script>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    <asp:Label Text="Regular RadGrid:" runat="server" ID="Label1" />
    <telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" CellSpacing="0"
        DataSourceID="SqlDataSource1" GridLines="None" ShowGroupPanel="True" Width="800px">
        <ClientSettings AllowDragToGroup="True">
        </ClientSettings>
        <MasterTableView AutoGenerateColumns="false" DataKeyNames="OrderID" DataSourceID="SqlDataSource1">
            <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
            <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">
                <HeaderStyle Width="20px"></HeaderStyle>
            </RowIndicatorColumn>
            <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
                <HeaderStyle Width="20px"></HeaderStyle>
            </ExpandCollapseColumn>
            <Columns>
                <telerik:GridBoundColumn DataField="OrderID" DataType="System.Int32" FilterControlAltText="Filter OrderID column"
                    HeaderText="OrderID" ReadOnly="True" SortExpression="OrderID" UniqueName="OrderID">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="OrderDate" DataType="System.DateTime" FilterControlAltText="Filter OrderDate column"
                    HeaderText="OrderDate" SortExpression="OrderDate" UniqueName="OrderDate">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Freight" DataType="System.Decimal" FilterControlAltText="Filter Freight column"
                    HeaderText="Freight" SortExpression="Freight" UniqueName="Freight">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="ShipName" FilterControlAltText="Filter ShipName column"
                    HeaderText="ShipName" SortExpression="ShipName" UniqueName="ShipName">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="ShipCountry" FilterControlAltText="Filter ShipCountry column"
                    HeaderText="ShipCountry" SortExpression="ShipCountry" UniqueName="ShipCountry">
                </telerik:GridBoundColumn>
            </Columns>
            <EditFormSettings>
                <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                </EditColumn>
            </EditFormSettings>
        </MasterTableView>
        <FilterMenu EnableImageSprites="False">
        </FilterMenu>
    </telerik:RadGrid>
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
        SelectCommand="SELECT * FROM [Orders]"></asp:SqlDataSource>
    <asp:Label Text="Customers RadGrid:" runat="server" ID="Label2" />
    <telerik:RadGrid ID="CustomersRadGrid" runat="server" Height="514px" Width="100%"
        PageSize="14" CellSpacing="0" GridLines="None" HorizontalAlign="NotSet" HeaderStyle-Height="4%"
        ShowGroupPanel="True" AllowPaging="true" AllowSorting="True" AutoGenerateColumns="False"
        AllowMultiRowSelection="False" EnableLinqExpressions="false" AllowAutomaticInserts="False"
        AllowAutomaticUpdates="False" AllowAutomaticDeletes="False" OnNeedDataSource="CustomersRadGrid_NeedDataSource"
        OnDataBound="CustomersRadGrid_DataBound" OnItemCreated="CustomersRadGrid_ItemCreated">
        <ExportSettings Excel-Format="Html" ExportOnlyData="true" FileName="Customers" OpenInNewWindow="true">
        </ExportSettings>
        <GroupingSettings CaseSensitive="false" />
        <MasterTableView DataKeyNames="OrderID" AutoGenerateColumns="true" Name="Customers"
            CommandItemDisplay="Top" Width="200%" AllowMultiColumnSorting="True">
            <CommandItemTemplate>
                <table width="850px">
                    <tr>
                        <td width="71%">
                        </td>
                        <td width="3%">
                            <asp:LinkButton ID="ExportLinkButton" CommandName="Export" runat="server">
                                <asp:ImageButton ID="ExportImageButton" ToolTip="Export" ImageUrl="sample-icon.png"
                                    runat="server" Height="24px" />
                            </asp:LinkButton>
                        </td>
                        <td width="7%">
                            <img id="Export" width="1px" height="24px" style="border: 0px" alt="" src="sample-icon.png" />Export
                        </td>
                        <td width="9%">
                            <asp:LinkButton ID="FilterLinkButton" CommandName="Filter" runat="server">
                                <telerik:RadButton ID="FilterRadButton" runat="server" ButtonType="ToggleButton"
                                    ToggleType="CheckBox" Width="24px" Height="24px" AutoPostBack="false" Checked="true"
                                    ToolTip="Filter">
                                    <ToggleStates>
                                        <telerik:RadButtonToggleState ImageUrl="sample-icon.png" HoveredImageUrl="sample-icon.png"
                                            Text="On Filter" Selected="true" />
                                        <telerik:RadButtonToggleState ImageUrl="sample-icon.png" HoveredImageUrl="sample-icon.png"
                                            Text="Off Filter" />
                                    </ToggleStates>
                                </telerik:RadButton>
                                <img id="Filter" width="1px" height="24px" style="border: 0px" alt="" src="sample-icon.png" />Filter
                            </asp:LinkButton>
                        </td>
                        <td width="3%">
                            <asp:LinkButton ID="RefreshLinkButton" CommandName="Rebind" runat="server">
                                <asp:ImageButton ID="RefreshImageButton" ToolTip="Refresh" ImageUrl="sample-icon.png"
                                    runat="server" Height="24px" />
                            </asp:LinkButton>
                        </td>
                        <td width="7%">
                            <img id="Refresh" width="1px" height="24px" style="border: 0px" alt="" src="sample-icon.png" />Refresh
                        </td>
                    </tr>
                </table>
            </CommandItemTemplate>
            <CommandItemSettings ExportToPdfText="Export to Excel" />
            <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="true">
            </RowIndicatorColumn>
            <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="true">
            </ExpandCollapseColumn>
            <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="true">
            </ExpandCollapseColumn>
            <Columns>
            </Columns>
        </MasterTableView>
        <ClientSettings AllowKeyboardNavigation="true" AllowDragToGroup="True" AllowColumnsReorder="True"
            ReorderColumnsOnClient="true">
            <Selecting AllowRowSelect="true" CellSelectionMode="None" />
            <Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True"
                AllowResizeToFit="true" ClipCellContentOnResize="true" ResizeGridOnColumnResize="true">
            </Resizing>
            <Scrolling AllowScroll="true" SaveScrollPosition="true" FrozenColumnsCount="1" UseStaticHeaders="true" />
        </ClientSettings>
        <GroupingSettings ShowUnGroupButton="true" />
        <SortingSettings EnableSkinSortStyles="false" />
        <PagerStyle AlwaysVisible="true" Mode="NextPrevAndNumeric" />
        <FilterMenu EnableImageSprites="False">
        </FilterMenu>
    </telerik:RadGrid>
    </form>
</body>
</html>
