I have a custom pager for my grid that incorporates a slider control. Problem is when paging, the slider dissappears for a few seconds and then reappears. The grid is in a user control that gets dynamically loaded into an update panel per your sample online. I mention this in case it could be a factor with the problem. Here is my custom pager markup (including the top of my grid):
<telerik:RadGrid ID="RadGridSummary" runat="server" AllowPaging="True" AllowSorting="True"
AllowCustomPaging="True" GridLines="None" ShowGroupPanel="True" Skin="Office2007"
AutoGenerateColumns="false" AlternatingItemStyle-BackColor="#f5f7fa" OnNeedDataSource="RadGridSummary_NeedDataSource"
OnItemDataBound="RadGridSummary_ItemDataBound" PageSize="10" OnGroupsChanging="RadGridSummary_GroupsChanging">
<MasterTableView TableLayout="Fixed" OverrideDataSourceControlSorting="true">
<PagerTemplate>
<asp:Panel ID="PagerPanel" Style="padding: 6px;" runat="server">
<span style="margin-top: 2px; float: left; margin-right: 3px;">Page size:</span>
<telerik:RadComboBox ID="RadComboBox1" DataSource="<%# new object[]{10, 20, 30, 40, 50} %>"
Style="margin-top: 2px; float: left; vertical-align: baseline; margin-right: 20px;"
Skin="Vista" Width="40px" SelectedValue='<%# DataBinder.Eval(Container, "Paging.PageSize") %>'
OnClientSelectedIndexChanged="setPageSize" AssignedGrid="RadGridSummary" runat="server">
</telerik:RadComboBox>
<span style="float: right;">Displaying page
<%# (int)DataBinder.Eval(Container, "Paging.CurrentPageIndex") + 1 %>
of
<%# DataBinder.Eval(Container, "Paging.PageCount")%>, items from
<%# (int)DataBinder.Eval(Container, "Paging.FirstIndexInPage") + 1 %>
to
<%# (int)DataBinder.Eval(Container, "Paging.LastIndexInPage") + 1 %>
of
<%# DataBinder.Eval(Container, "Paging.DataSourceCount")%>.</span>
<p style="margin: 0px; padding: 0px; float: left; margin-right: 10px">
<asp:Button ID="Button1" runat="server" OnClientClick="changePage('first'); return false;"
CommandName="Page" CommandArgument="First" CssClass="PagerButton FirstPage" Text=" << " />
<asp:Button ID="Button2" runat="server" OnClientClick="changePage('prev'); return false;"
CommandName="Page" CommandArgument="Prev" CssClass="PagerButton PrevPage" Text=" < " />
<telerik:RadSlider ID="RadSlider1" runat="server" Skin="Vista" Width="40" MaximumValue="50" />
<asp:Button ID="Button3" runat="server" OnClientClick="changePage('next'); return false;"
CommandName="Page" CommandArgument="Next" CssClass="PagerButton NextPage" Text=" > " />
<asp:Button ID="Button4" runat="server" OnClientClick="changePage('last'); return false;"
CommandName="Page" CommandArgument="Last" CssClass="PagerButton LastPage" Text=" >> " />
<asp:Panel runat="server" ID="NumericPagerPlaceHolder">
</asp:Panel>
</p>
</asp:Panel>
</PagerTemplate>
Any help would be greatly appreciated.
<telerik:RadGrid ID="RadGridSummary" runat="server" AllowPaging="True" AllowSorting="True"
AllowCustomPaging="True" GridLines="None" ShowGroupPanel="True" Skin="Office2007"
AutoGenerateColumns="false" AlternatingItemStyle-BackColor="#f5f7fa" OnNeedDataSource="RadGridSummary_NeedDataSource"
OnItemDataBound="RadGridSummary_ItemDataBound" PageSize="10" OnGroupsChanging="RadGridSummary_GroupsChanging">
<MasterTableView TableLayout="Fixed" OverrideDataSourceControlSorting="true">
<PagerTemplate>
<asp:Panel ID="PagerPanel" Style="padding: 6px;" runat="server">
<span style="margin-top: 2px; float: left; margin-right: 3px;">Page size:</span>
<telerik:RadComboBox ID="RadComboBox1" DataSource="<%# new object[]{10, 20, 30, 40, 50} %>"
Style="margin-top: 2px; float: left; vertical-align: baseline; margin-right: 20px;"
Skin="Vista" Width="40px" SelectedValue='<%# DataBinder.Eval(Container, "Paging.PageSize") %>'
OnClientSelectedIndexChanged="setPageSize" AssignedGrid="RadGridSummary" runat="server">
</telerik:RadComboBox>
<span style="float: right;">Displaying page
<%# (int)DataBinder.Eval(Container, "Paging.CurrentPageIndex") + 1 %>
of
<%# DataBinder.Eval(Container, "Paging.PageCount")%>, items from
<%# (int)DataBinder.Eval(Container, "Paging.FirstIndexInPage") + 1 %>
to
<%# (int)DataBinder.Eval(Container, "Paging.LastIndexInPage") + 1 %>
of
<%# DataBinder.Eval(Container, "Paging.DataSourceCount")%>.</span>
<p style="margin: 0px; padding: 0px; float: left; margin-right: 10px">
<asp:Button ID="Button1" runat="server" OnClientClick="changePage('first'); return false;"
CommandName="Page" CommandArgument="First" CssClass="PagerButton FirstPage" Text=" << " />
<asp:Button ID="Button2" runat="server" OnClientClick="changePage('prev'); return false;"
CommandName="Page" CommandArgument="Prev" CssClass="PagerButton PrevPage" Text=" < " />
<telerik:RadSlider ID="RadSlider1" runat="server" Skin="Vista" Width="40" MaximumValue="50" />
<asp:Button ID="Button3" runat="server" OnClientClick="changePage('next'); return false;"
CommandName="Page" CommandArgument="Next" CssClass="PagerButton NextPage" Text=" > " />
<asp:Button ID="Button4" runat="server" OnClientClick="changePage('last'); return false;"
CommandName="Page" CommandArgument="Last" CssClass="PagerButton LastPage" Text=" >> " />
<asp:Panel runat="server" ID="NumericPagerPlaceHolder">
</asp:Panel>
</p>
</asp:Panel>
</PagerTemplate>
Any help would be greatly appreciated.