Dear Team,
I'm using RadDataPager inside a ListView. I need to reset the current page index to 1 in one specific scenario using javascript.
I'm using the below javascript code to reset the grid. but it is unable to find the DataPager Control. Please help on achieving the required functionality.
var gridImages = $find("#<%=RadDataPagerLibraryVideos.ClientID %>");
gridImages.set_currentPageIndex(1);
ListView:
<telerik:RadListView CssClass="thumbnail" AllowPaging="true" ItemPlaceholderID="VideosHolder" runat="server" ID="LibraryVideoListView" DataKeyNames="AssetID" OnNeedDataSource="LibraryVideoListView_NeedDataSource" OnItemDataBound="LibraryVideoListView_ItemDataBound"> <LayoutTemplate> <fieldset id="LibraryVideoListView"> <telerik:RadDataPager ID="RadDataPagerLibraryVideos" runat="server" PagedControlID="LibraryVideoListView" PageSize="15" OnPageIndexChanged="RadDataPagerLibraryVideos_PageIndexChanged"> <Fields> <telerik:RadDataPagerButtonField FieldType="FirstPrev" /> <telerik:RadDataPagerButtonField FieldType="Numeric" /> <telerik:RadDataPagerButtonField FieldType="NextLast" /> <telerik:RadDataPagerPageSizeField PageSizeText="Page size: " /> <telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TotalPageText="of" SubmitButtonText="Go" TextBoxWidth="15" /> <telerik:RadDataPagerTemplatePageField> <PagerTemplate> <div style="float: right"> <b>Items <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex+1%>" /> to <asp:Label runat="server" ID="TotalPagesLabel" Text="<%# Container.Owner.StartRowIndex+Container.Owner.PageSize %>" /> of <asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" /> <br /> </b> </div> </PagerTemplate> </telerik:RadDataPagerTemplatePageField> </Fields> </telerik:RadDataPager> </fieldset> <div class="horizontal-list center-block"> <asp:Panel ID="VideosHolder" runat="server" /> </div> </LayoutTemplate> <ItemTemplate> <div class="imgLibraryItem"> <a href="#" class="videoSelected thumbnail has-hover" assetid='<%# Eval("AssetID") %>'> <asp:Image runat="server" ID="imgVideoThumbnail" CssClass="libraryImg" /> </a> </div> </ItemTemplate> </telerik:RadListView>
Thanks in Advance,
Phani
