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

<%@ 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 runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <telerik:RadAjaxManager EnableAJAX="true" ID="RadAjaxManagerOnlineCE" runat="server">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="RadGridCE">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="RadGridCE" LoadingPanelID="RadAjaxLoadingPanelCESearch" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                    <telerik:AjaxSetting AjaxControlID="btnSearchCECourses">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="RadGridCE" LoadingPanelID="RadAjaxLoadingPanelCESearch" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>
            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanelCESearch" runat="server" Height="75px"
                Width="75px" Transparency="50" InitialDelayTime="0">
                <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'
                    style="border: 0px;" />
            </telerik:RadAjaxLoadingPanel>
            <telerik:RadGrid ID="RadGridCE" DataSourceID="SqlDataSource1" AllowSorting="True"
                AllowPaging="True" PageSize="5" runat="server" GridLines="None" Width="100%">
                <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>
            </telerik:RadGrid>
            <asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
                ProviderName="System.Data.SqlClient" SelectCommand="SELECT CustomerID, CompanyName, ContactName, ContactTitle, Address, PostalCode FROM Customers"
                runat="server"></asp:SqlDataSource>
            <asp:Button ID="btnSearchCECourses" runat="server" Text="Click me" />
        </div>
    </div>
    </form>
</body>
</html>
