or
changeTab: function (tabURL) { var loader = $("#tabLoad"); var content = $("div[id$='pnlTabContent']"); loader.css("height", content.height()); loader.fadeIn('fast', function () { content.load(tabURL, function () { loader.fadeOut("fast"); }); }); }
​<%@ Page Title="Report" Language="C#" MasterPageFile="~/MasterPages/Site.Master" AutoEventWireup="true" CodeBehind="Report.aspx.cs" Inherits="Report" %><asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server"><div> <telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="SqlDataSource1" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" CellSpacing="0" GridLines="None" PageSize="500" ShowGroupPanel="True"> <ClientSettings AllowDragToGroup="True"> </ClientSettings> <MasterTableView AutoGenerateColumns="False" DataKeyNames="orderno" DataSourceID="SqlDataSource1" GroupsDefaultExpanded="False"> <RowIndicatorColumn Visible="False"> </RowIndicatorColumn> <ExpandCollapseColumn Created="True"> </ExpandCollapseColumn> <Columns> <telerik:GridBoundColumn DataField="custnum" DataType="System.Decimal" FilterControlAltText="Filter custnum column" HeaderText="Client Number" SortExpression="custnum" UniqueName="custnum"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="event_date" DataType="System.DateTime" FilterControlAltText="Filter event_date column" HeaderText="Date" ReadOnly="True" SortExpression="event_date" UniqueName="event_date"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="orderno" DataType="System.Decimal" FilterControlAltText="Filter orderno column" HeaderText="Order Number" ReadOnly="True" SortExpression="orderno" UniqueName="orderno"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="statdesc" FilterControlAltText="Filter statdesc column" HeaderText="Order Status" SortExpression="statdesc" UniqueName="statdesc"> </telerik:GridBoundColumn> </Columns> <GroupByExpressions> <telerik:GridGroupByExpression> <SelectFields> <telerik:GridGroupByField FieldAlias="custnum" FieldName="custnum" HeaderText=" " HeaderValueSeparator="" /> </SelectFields> <SelectFields> <telerik:GridGroupByField FieldAlias="event_date" FieldName="event_date" HeaderText=" " HeaderValueSeparator=" " /> </SelectFields> <SelectFields> <telerik:GridGroupByField FieldAlias="orderno" FieldName="orderno" HeaderText=" " HeaderValueSeparator=" " /> </SelectFields> <SelectFields> <telerik:GridGroupByField FieldAlias="statdesc" FieldName="statdesc" HeaderText=" " HeaderValueSeparator=" " /> </SelectFields> <GroupByFields> <telerik:GridGroupByField FieldAlias="custnum" FieldName="custnum" FormatString="" HeaderText="" /> </GroupByFields> </telerik:GridGroupByExpression> </GroupByExpressions> <PagerStyle AlwaysVisible="True" Mode="NextPrevNumericAndAdvanced" Position="TopAndBottom" /> </MasterTableView> </telerik:RadGrid> </div> <br /> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="Report" SelectCommandType="StoredProcedure"> </asp:SqlDataSource></asp:Content>