or
0 answers
65 views
I have a ListView using automatic client-side databinding to a web service. Additionally, there is a DataPager placed just after the ListView in the page's markup as in the code pasted below.
When the page loads, the ListView shows data, which means the automatic client-side databinding is working, but the DataPager is showing nothing i.e. there is no pager visible even though there is more than one page of records in the database.
Is there a sample that uses a similar scenario of DataPager with a ListView? I tried searching online, but couldn't find any.
<telerik:RadListView ID="RadListView1" runat="server" RenderMode="Auto" AllowPaging="true" PageSize="5" ItemPlaceholderID="items">
<ClientSettings>
<ClientEvents OnDataBinding="RadListView1_Comments_DataBinding" OnDataBound="RadListView1_Comments_DataBound" OnDataSourceResolved="RadListView1_Comments_DataSourceResolved" />
<DataBinding ItemPlaceHolderID="items">
<LayoutTemplate>
<label for="" class="comments">Comments</label>
<div id="items"></div>
<%--<div id="pagerContainer"></div>--%>
</LayoutTemplate>
<ItemTemplate>
<div>
<div class="subject">#=Subject#</div>
<div class="comment">#=CommentText#</div>
<div class="author">by #=Author# on #=CreateDate# </div>
</div>
</ItemTemplate>
<EmptyDataTemplate>
<div>
No Comments have been posted for this page
</div>
</EmptyDataTemplate>
<DataService Location="~/CommentsService.asmx" DataPath="GetComments" FilterParameterType="Sql" SortParameterType="Sql" CountPropertyName="Count"></DataService>
</DataBinding>
</ClientSettings>
</telerik:RadListView>
<telerik:RadDataPager RenderMode="Auto" ID="RadDataPager1" runat="server" PagedControlID="RadListView1">
<Fields>
<telerik:RadDataPagerButtonField FieldType="FirstPrev"></telerik:RadDataPagerButtonField>
<telerik:RadDataPagerButtonField FieldType="Numeric"></telerik:RadDataPagerButtonField>
<telerik:RadDataPagerButtonField FieldType="NextLast"></telerik:RadDataPagerButtonField>
<telerik:RadDataPagerGoToPageField></telerik:RadDataPagerGoToPageField>
</Fields>
</telerik:RadDataPager>
I tried adding the following JavaScript code in the client-side databinding event of ListView so that all needed properties of DataPager get set, but still the DataPager shows nothing.
function RadListView1_Comments_DataBound(sender, args) {
//set datapager properties
let dataPager = $find(pageBag.radDataPager1Id);
dataPager.set_currentPageIndex(sender._currentPageIndex);
dataPager._totalRowCount = sender._virtualItemCount;
dataPager.set_pageSize(sender._pageSize);
dataPager._pageCount = Math.ceil(dataPager._totalRowCount / dataPager._pageSize);
dataPager._startRowIndex = startRowIndex;
}
1 answer
48 views
Hello,
I have a simple radDataPager with the Bootstrap skin.
The first, previous, next and last icons are wrongly displayed when the mouse hoovers the buttons (see the four pictures).
The markup:
<div class="SearchPagerContainer">
<telerik:RadDataPager ID="RadDataPager1" runat="server" PagedControlID="lvArticles" PageSize="24" Skin="Bootstrap" Style="margin-left: 3px; margin-top: 2px" OnInit="RadDataPager1_Init">
<Fields>
<telerik:RadDataPagerButtonField FieldType="FirstPrev" />
<telerik:RadDataPagerButtonField FieldType="Numeric" PageButtonCount="4"/>
<telerik:RadDataPagerButtonField FieldType="NextLast" />
<telerik:RadDataPagerPageSizeField PageSizeComboWidth="70" PageSizes="12;24;48" PageSizeText="# par page: " HorizontalPosition="NoFloat" />
</Fields>
</telerik:RadDataPager>
</div>
It seems to be basic, but it does not work.
Any idea ?
Philippe
Doncho
Telerik team
answered
on
10 Feb 2021
2 answers
67 views
Hello, I'm having a problem where the DataPager won't work if my RadListView has more than approximate 1,800 records. Everything is fine with small record counts returned in sql. Is something wrong with my Panels or AjaxManager? Please advise.
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="ListViewPanel1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="ListViewPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />
<telerik:AjaxUpdatedControl ControlID="RadDataPager1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadDataPager1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="ListViewPanel1" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelHeight="100%" />
</UpdatedControls>
</telerik:AjaxSetting>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="30"></telerik:RadAjaxLoadingPanel>
<div class="demo-container position-relative" style="height: 65%;"
<div id="demo" class="demo-container no-bg page-wrapper position-relative scroll_vertical height-55percent">
<asp:Panel ID="ListViewPanel1" runat="server" Width="100%" Height="50%" CssClass="position-relative height-100percent">
<telerik:RadListView
ID="RadListView1"
runat="server"
RenderMode="Lightweight"
ItemPlaceholderID="ProductsHolder"
OnItemDataBound="RadListView1_ItemDataBound"
DataKeyNames="ENTITY_ID,CLAIM_TRANSACTION_SUMMARY_ID,ACTIVITY_NOTES,AGE,COLLECTION_DAYS,LAST_ACTIVITY_DATE,INACTIVE_DATE,FORM_TYPE,FLCOLOR,INCOLOR"
AllowPaging="true"
AllowCustomPaging="true"
CssClass="position-relative height-100percent"
OnItemCommand="RadListView1_ItemCommand" Width="100%" Height="100%">
<LayoutTemplate>
<div class="RadListView position-relative height-100percent" style="height: 100%;">
<asp:Panel ID="ProductsHolder" runat="server" />
</div>
</LayoutTemplate>
<ItemTemplate>.....
</ItemTemplate>
<EmptyDataTemplate>
<fieldset class="noRecordsFieldset">
No records for available.
</fieldset>
</EmptyDataTemplate>
</telerik:RadListView>
</asp:Panel>
</div>
<!-- Pagination -->
<div class="claims-pagination">
<fieldset style="border-width: 1px; border-color: #E6E6E6;">
<div>
<telerik:RadDataPager RenderMode="Lightweight" ID="RadDataPager1" runat="server" PagedControlID="RadListView1" PageSize="50">
<Fields>
<telerik:RadDataPagerButtonField FieldType="FirstPrev" />
<telerik:RadDataPagerButtonField FieldType="Numeric" PageButtonCount="5" />
<telerik:RadDataPagerButtonField FieldType="NextLast" />
<telerik:RadDataPagerPageSizeField PageSizeComboWidth="60" PageSizeText="Page size: " />
<telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TotalPageText="of" SubmitButtonText="Go" />
<telerik:RadDataPagerTemplatePageField>
<PagerTemplate>
<div class="pager">
<b>Items<asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex + 1%>" />
to
<asp:Label runat="server" ID="TotalPagesLabel" Text="<%# If(Container.Owner.TotalRowCount > (Container.Owner.StartRowIndex + Container.Owner.PageSize), Container.Owner.StartRowIndex + Container.Owner.PageSize, Container.Owner.TotalRowCount) %>" />
of
<asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" />
<br />
</b>
</div>
</PagerTemplate>
</telerik:RadDataPagerTemplatePageField>
</Fields>
</telerik:RadDataPager>
</div>
</fieldset>
</div>
Code behind:
Protected Sub RadListView1_NeedDataSource(source As Object, e As Telerik.Web.UI.RadListViewNeedDataSourceEventArgs) Handles RadListView1.NeedDataSource
Try
iMinRows = (RadListView1.CurrentPageIndex * RadListView1.PageSize)
iMaxRows = ((RadListView1.CurrentPageIndex + 1) * RadListView1.PageSize)
If Not IsNothing(dtClaims) Then
dtClaims.Clear()
End If
dtClaims = ucFilters.GetDataTablePage(iMinRows, iMaxRows)
RadListView1.DataSource = dtClaims
RadListView1.VirtualItemCount = ucFilters.RowCount
Catch ex As Exception
Throw ex
End Try
End Sub
Rumen
Telerik team
answered
on
25 Jun 2019
0 answers
157 views
Hi, is there a way to remove or update the following table summary ="Data pager which controls on which page is the RadGrid control"? Looks like it is created in pager style.
0 answers
120 views
Hi all,
We're using Telerik controls on our ASP.NET Web Forms page:
Here is a sample page:
http://orangebeachpublic.novusagenda.com/
If I set the Custom Date Range to something greater than 6 months, there will be multiple pages of results.
We need to be able to deep-link to a particular page (ex: page 3).
I've tried doing the obvious:
http://orangebeachpublic.novusagenda.com?page=3
But this does not work.
Is there a way for me to deep-link to a specific page of results?
Thanks,
Philip
1 answer
124 views
Hello, I have just upgraded to the latest Telerik version and am trying to make my datapager responsive by having the page numbers hide via the trim class. I've added the TrimMd="true" to my button field control, and the class showing up in Developer Tools, but the WebResource file does not seem to have the latest CSS, it does not include the trim classes.
Is there something else I need to add to the control to have it recognize the responsive classes? I'm confident the DLLs updated properly, as my Telerik Editor is working on mobile.
Thanks for any help!
<CCWeb:TelerikPager runat="server" Skin="Bootstrap" RenderMode="Lightweight" > <Fields> <telerik:RadDataPagerButtonField FieldType="NextLast" HorizontalPosition="RightFloat" /> <telerik:RadDataPagerButtonField FieldType="Numeric" TrimMd="true" HorizontalPosition="RightFloat" /> <telerik:RadDataPagerButtonField FieldType="FirstPrev" HorizontalPosition="RightFloat" /> </Fields> </CCWeb:TelerikPager>
Rumen
Telerik team
answered
on
02 May 2017
4 answers
263 views
I changed something from demo example to my project and i use datasource in codebehind. DataPager still works fine if i put RadListView datasource in PageLoad but DataPager doesn't work when i put RadListView datasource in event click of Button. Can you help me, please?
- aspx:
<telerik:RadButton ID="RadButton1" runat="server" Text="RadButton" OnClick="Button1_Click"></telerik:RadButton>
<br />
<div>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="ListViewPanel1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="ListViewPanel1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" MinDisplayTime="0">
</telerik:RadAjaxLoadingPanel>
<asp:Panel ID="ListViewPanel1" runat="server">
<telerik:RadListView ID="RadListView1" Width="97%" AllowPaging="True" runat="server"
allowsorting="true" ItemPlaceholderID="ProductsHolder">
<LayoutTemplate>
<asp:Panel ID="ProductsHolder" runat="server">
</asp:Panel>
<table>
<tr>
<td>
<telerik:RadDataPager RenderMode="Lightweight" ID="RadDataPager1" runat="server" PagedControlID="RadListView1"
PageSize="6">
<Fields>
<telerik:RadDataPagerButtonField FieldType="FirstPrev"></telerik:RadDataPagerButtonField>
<telerik:RadDataPagerButtonField FieldType="Numeric"></telerik:RadDataPagerButtonField>
<telerik:RadDataPagerButtonField FieldType="NextLast"></telerik:RadDataPagerButtonField>
<telerik:RadDataPagerPageSizeField PageSizeText="Page size: "></telerik:RadDataPagerPageSizeField>
<telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TotalPageText="of" SubmitButtonText="Go"
TextBoxWidth="30"></telerik:RadDataPagerGoToPageField>
<telerik:RadDataPagerTemplatePageField>
<PagerTemplate>
<div style="float: right; line-height: 34px; margin-left: 10px;">
Items
<asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex+1%>"></asp:Label>
to
<asp:Label runat="server" ID="TotalPagesLabel" Text="<%# Container.Owner.TotalRowCount > (Container.Owner.StartRowIndex+Container.Owner.PageSize) ? Container.Owner.StartRowIndex+Container.Owner.PageSize : Container.Owner.TotalRowCount %>"></asp:Label>
of
<asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>"></asp:Label>
<br />
</div>
</PagerTemplate>
</telerik:RadDataPagerTemplatePageField>
</Fields>
</telerik:RadDataPager>
</td>
</tr>
</table>
</LayoutTemplate>
<ItemTemplate>
<table>
<tr>
<td style="width: 140px; text-align: left; height: 120px">
<asp:Image ID="Img1" runat="server"
ImageUrl='<%# Eval("_Image") %>' Height="100" Width="130" />
</td>
<td style="vertical-align: top; text-align: left">
<asp:LinkButton runat="server" ID="Title" Font-Bold="true" CommandName="Select"
Text='<%# Eval("_Title") %>'></asp:LinkButton>
<asp:Label runat="server" ID="lblink" Font-Size="Small"
Text='<%# Eval("_Link") %>' Visible="false" />
</td>
</tr>
</table>
</ItemTemplate>
</telerik:RadListView>
</asp:Panel>
<asp:SqlDataSource ID="SqlDS" runat="server" ConnectionString="<%$ appSettings:sqlconn %>"
ProviderName="System.Data.SqlClient" ></asp:SqlDataSource>
- aspx.cs work fine (don't use Button):
protected void Page_Load(object sender, EventArgs e)
{
_News.NewsList("20", "", "08/20/2016", "08/30/2016", "0", "0", 0);
RadListView1.DataSource = _News._znews;
RadListView1.DataBind();
}
- aspx.cs DataPager doesn't work:
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
_News.NewsList("20", "", "08/20/2016", "08/30/2016", "0", "0", 0);
RadListView1.DataSource = _News._znews;
RadListView1.DataBind();
}
Thanks.
1 answer
119 views
There is a requirement to display the pager according to the attached file.
Is there any pager style or CSS so that we can customize the pager style?
Kostadin
Telerik team
answered
on
03 Jun 2016
4 answers
145 views
I have a RadlistView and RadDataPager working just fine, except that the pageSize dropdown at the top and the sort by: drop down at the bottom are disabled until the page postsback. Here is my code:
<%@ Page Title="Favorite Candidates" Language="VB" MasterPageFile="~/App_Masters/Interior.master" AutoEventWireup="false" CodeFile="FavoriteCandidates.aspx.vb" Inherits="School_FavoriteCandidates" %> <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="mainContent" Runat="Server"> <telerik:RadWindowManager ID="RadWindowManager1" runat="server" VisibleOnPageLoad="True"> <Windows> <telerik:RadWindow ID="RadWindow1" runat="server" Modal="True" NavigateUrl="CandidateNotes.aspx" VisibleOnPageLoad="False" Width="800px" AutoSize="true" AutoSizeBehaviors="HeightProportional" MinHeight="400px" MaxHeight="900px" Behaviors="Close, Move, Resize, Maximize" > </telerik:RadWindow> </Windows> </telerik:RadWindowManager> <script type="text/javascript"> /* Show new window */ function ShowNewWindow(CandidateID) { //Show new window //not providing a name as a second parameter // creates a new window var oWindow = window.radopen("CandidateNotes.aspx?edit_id=" + CandidateID, null); //Using the reference to the window its clientside methods can be called oWindow.setSize(800, 400); } </script> <telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" /> <div> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="ListViewPanel1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="ListViewPanel1" LoadingPanelID="RadAjaxLoadingPanel1"> </telerik:AjaxUpdatedControl> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> <ClientEvents OnRequestStart="RequestStart"></ClientEvents> </telerik:RadAjaxManager> <table> <tr> <td> <h1>Favorite Candidates</h1> <asp:Panel ID="ListViewPanel1" runat="server"> <telerik:RadListView ID="RadListView1" DataSourceID="SqlDataSource1" runat="server" ItemPlaceholderID="CandidateContainer" DataKeyNames="CandidateID" AllowPaging="true" OnItemCommand="RadListView1_ItemCommand" > <LayoutTemplate> <!-- Set the id of the wrapping container to match the CLIENT ID of the RadListView control to display the ajax loading panel In case the listview is embedded in another server control, you will need to append the id of that server control --> <fieldset id="FiledSet1" style="max-width: 946px;"> <%--<legend>Candidates</legend>--%> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td> <telerik:RadDataPager ID="RadDataPager1" runat="server" PagedControlID="RadListView1" PageSize="10" CssClass="pagerStyle" > <Fields> <telerik:RadDataPagerButtonField FieldType="FirstPrev"></telerik:RadDataPagerButtonField> <telerik:RadDataPagerButtonField FieldType="Numeric" PageButtonCount="6"></telerik:RadDataPagerButtonField> <telerik:RadDataPagerButtonField FieldType="NextLast"></telerik:RadDataPagerButtonField> <telerik:RadDataPagerPageSizeField PageSizeComboWidth="60" PageSizeText="Page size: " /> <telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TotalPageText="of" SubmitButtonText="Go" TextBoxWidth="25"></telerik:RadDataPagerGoToPageField> <telerik:RadDataPagerTemplatePageField> <PagerTemplate> <div style="float: right; padding-left: 50px;"> <b> <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# IIF((Container.Owner.TotalRowCount > 0), Container.Owner.StartRowIndex + 1, 0)%>"></asp:Label> to <asp:Label runat="server" ID="TotalPagesLabel" Text="<%# IIF((Container.Owner.TotalRowCount > 0), Container.Owner.StartRowIndex + Container.Owner.PageSize, 0) %>"></asp:Label> of <asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>"></asp:Label> </b> </div> </PagerTemplate> </telerik:RadDataPagerTemplatePageField> </Fields> </telerik:RadDataPager> </td> </tr> </table> <asp:PlaceHolder ID="CandidateContainer" runat="server"></asp:PlaceHolder> <div style="clear: both"> </div> <table style="width: 100%; margin-top: 5px;"> <tr> <td style=""> </td> <td style="text-align: right; width: 75%;"> <asp:Label ID="lblSort1" runat="server" AssociatedControlID="ddListSort" Text="Sort by:" Style="padding-right: 5px;"></asp:Label> <telerik:RadComboBox ID="ddListSort" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddListSort_SelectedIndexChanged"> <Items> <telerik:RadComboBoxItem Text="-Select field to sort-" Value=""></telerik:RadComboBoxItem> <telerik:RadComboBoxItem Text="Last Name" Value="NameLast"></telerik:RadComboBoxItem> <telerik:RadComboBoxItem Text="First Name" Value="NameFirst"></telerik:RadComboBoxItem> <telerik:RadComboBoxItem Text="Country" Value="Country"></telerik:RadComboBoxItem> <telerik:RadComboBoxItem Text="Clear sort" Value="ClearSort"></telerik:RadComboBoxItem> </Items> </telerik:RadComboBox> <asp:RadioButtonList RepeatLayout="Flow" RepeatDirection="Horizontal" ID="rblSort" runat="server" AutoPostBack="true" OnSelectedIndexChanged="rblSort_SelectedIndexChanged"> <asp:ListItem Text="Ascending" Value="ASC" Selected="True"></asp:ListItem> <asp:ListItem Text="Descending" Value="DESC"></asp:ListItem> </asp:RadioButtonList> </td> </tr> </table> </fieldset> </LayoutTemplate> <ItemTemplate> <!--The widths/heights of the fieldset/outer tables in the item/edit/insert templates should match to avoid wrapping or visual discrepancies in the tiles layout--> <fieldset class="fieldset"> <legend style="margin-bottom:0px;"> <a href="/School/Candidate.aspx?ID=<%# Eval("CandidateID")%>"><%# Eval("NameFirst")%> <%# Eval("NameLast")%></a> </legend> <table cellpadding="0" cellspacing="0" style="height: 100%;" width="100%"> <tr> <td> <table cellpadding="0" cellspacing="0"> <tr> <td style="font-weight:bold;padding-right:5px;"> Positions Sought: </td> <td style="padding-right:5px;"> <%#Eval("CandidatePositions")%> </td> </tr> <tr> <td style="font-weight:bold;padding-right:5px;"> Total Experience: </td> <td style="padding-right:5px;vertical-align:bottom;"> <%#Eval("ExperienceTotal")%> </td> </tr> <tr> <td style="font-weight:bold;padding-right:5px;"> International Experience: </td> <td style="padding-right:5px;vertical-align:bottom;"> <%#Eval("ExperienceInternational")%> </td> </tr> <tr> <td style="font-weight:bold;padding-right:5px;"> Available: </td> <td style="padding-right:5px;"> <%#Eval("StartMonth")%>/<%#Eval("StartYear")%></td> </tr> <tr> <td style="font-weight:bold;padding-right:5px;"> Marital Status: </td> <td style="padding-right:5px;vertical-align:bottom;"> <%#Eval("MaritalStatus")%> </td> </tr> <%#If(Eval("MaritalStatusID") <> 6, ("<tr><td style=""font-weight:bold;padding-right:5px;"">Partner Name:</td><td style=""vertical-align:bottom;"">" & Eval("PartnerNameFirst") & " " & Eval("PartnerNameLast") & "</td></tr>"), "")%> </table> </td> <td> <table cellpadding="0" cellspacing="0"> <tr> <td style="font-weight:bold;padding-right:5px;"> Associate: </td> <td style="padding-right:5px;"> <%#Eval("AssocFirst")%> <%#Eval("AssocLast")%> </td> </tr> <tr> <td style="font-weight:bold;padding-right:5px;"> Email: </td> <td style="padding-right:5px;"> <a href="mailto:<%#Eval("candEmail")%>"><%#Eval("candEmail")%></a> </td> </tr> <tr> <td style="font-weight:bold;padding-right:5px;"> Skype: </td> <td style="padding-right:5px;"> <a href="skype:<%#Eval("candSkype")%>?call"><%#Eval("candSkype")%></a> </td> </tr> <tr> <td style="font-weight:bold;padding-right:5px;"> Country: </td> <td style="padding-right:5px;"> <%#Eval("Country")%> </td> </tr> </table> </td> <td style="vertical-align:top;"> <img src="/images/Candidates/c.<%# Eval("CandidateID")%>.jpg" alt="Candidate Photo"><br /> </td> </tr> <tr> <td style="text-align: right" colspan="3"> </td> </tr> </table> <asp:panel ID="Panel1" runat="server"> <br /><a href="#" onclick="ShowNewWindow('<%# DataBinder.Eval(Container.DataItem, "CandidateID") %>'); return false;"><img src="/images/icons/notes.gif" style="width:22px;height:28px;vertical-align:middle" alt="Candidate Notes" /> Notes</a> <asp:ImageButton runat="server" ID="cmdRemoveFromFavorites" ImageUrl="/images/icons/removeFavorite.gif" ToolTip="Remove From Favorites" Width="24px" Height="21px" ImageAlign="AbsMiddle" CommandName="remove" CommandArgument='<%# Eval("CandidateID")%>' /> <asp:LinkButton ID="cmdLnkRemoveFromFavorites" runat="server" CommandName="remove" CommandArgument='<%# Eval("CandidateID")%>'>Remove Favorite</asp:LinkButton> </asp:panel> </fieldset> </ItemTemplate> <EmptyDataTemplate> <fieldset style="width: 100%"> <legend>Favorites</legend>No favorite candidates available. </fieldset> </EmptyDataTemplate> </telerik:RadListView> </asp:Panel> </td> </tr> </table> <br /> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:Main %>" SelectCommand="SELECT blah blah" DeleteCommand="DELETE blah blah" UpdateCommand="UPDATE blah blah" ConflictDetection="CompareAllValues" OldValuesParameterFormatString="original_{0}"> <DeleteParameters> <asp:Parameter Name="original_CandidateFavoriteID" Type="Int32"></asp:Parameter> <asp:Parameter Name="original_CandidateID" Type="Int32" /> <asp:Parameter Name="original_SchoolID" Type="Int32" /> </DeleteParameters> <UpdateParameters> <asp:Parameter Name="CandidateID" Type="Int32"></asp:Parameter> <asp:Parameter Name="SchoolID" Type="Int32"></asp:Parameter> <asp:Parameter Name="original_CandidateFavoriteID" Type="Int32"></asp:Parameter> <asp:Parameter Name="original_CandidateID" Type="Int32"></asp:Parameter> <asp:Parameter Name="original_SchoolID" Type="Int32"></asp:Parameter> </UpdateParameters> </asp:SqlDataSource> </div> </asp:Content>Imports Telerik.Web.UI Imports System.Data.SqlClient Imports System.Configuration Partial Class School_FavoriteCandidates Inherits System.Web.UI.Page Protected Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load SiteUser.RequireSchoolLogon() SqlDataSource1.SelectCommand = "blah blah blah" End Sub Protected Sub RadListView1_ItemCommand(ByVal sender As Object, ByVal e As RadListViewCommandEventArgs) If (e.CommandName = RadListView.UpdateCommandName) OrElse (e.CommandName = RadListView.CancelCommandName) Then RadListView1.InsertItemPosition = RadListViewInsertItemPosition.None RadListView1.FindControl("btnInitInsert").Visible = True ElseIf String.Equals(e.CommandName, "remove") Then For Each myFave As SchoolFavorite In SiteUser.School.SchoolFavorites If myFave.CandidateID = e.CommandArgument Then SiteUser.School.AddLogEntry("Removed " & myFave.Candidate.FullName & " from favorites", "School") myFave.Delete() Exit For End If Next SiteUser.School.SchoolFavoritesReset() Response.Redirect("/School/FavoriteCandidates.aspx") End If End Sub Protected Sub ddListSort_SelectedIndexChanged(ByVal sender As Object, ByVal e As RadComboBoxSelectedIndexChangedEventArgs) Dim rbl As RadioButtonList = TryCast(RadListView1.FindControl("rblSort"), RadioButtonList) 'check the e.Value passed as an argument and fire sort command for the corresponding field. The exact item in the listview from which you trigger the 'command is not important 'FireCommandEvent method invokes Rebind() implicitly, hence no explicit call is needed to refresh the listview Select Case e.Value Case "NameLast" RadListView1.Items(0).FireCommandEvent(RadListView.SortCommandName, "NameLast") rbl.SelectedIndex = 0 Exit Select Case "NameFirst" RadListView1.Items(0).FireCommandEvent(RadListView.SortCommandName, "NameFirst") rbl.SelectedIndex = 0 Exit Select Case "Country" RadListView1.Items(0).FireCommandEvent(RadListView.SortCommandName, "Country") rbl.SelectedIndex = 0 Exit Select Case "ClearSort" RadListView1.SortExpressions.Clear() RadListView1.Rebind() rbl.SelectedIndex = 0 Exit Select Case Else Exit Select End Select End Sub Protected Sub rblSort_SelectedIndexChanged(ByVal sender As Object, ByVal e As EventArgs) Dim rbl As RadioButtonList = TryCast(sender, RadioButtonList) Dim combo As RadComboBox = TryCast(RadListView1.FindControl("ddListSort"), RadComboBox) 'check the selected value passed as an argument and fire sort command for the corresponding field. The exact item in the listview from which you trigger the 'command is not important 'FireCommandEvent method invokes Rebind() implicitly, hence no explicit call is needed to refresh the listview If combo.SelectedItem.Value.ToString() <> [String].Empty AndAlso combo.SelectedItem.Value.ToString() <> "ClearSort" Then Select Case rbl.SelectedValue Case "ASC" RadListView1.Items(0).FireCommandEvent(RadListView.SortCommandName, combo.SelectedValue + " ASC") Exit Select Case "DESC" RadListView1.Items(0).FireCommandEvent(RadListView.SortCommandName, combo.SelectedValue + " DESC") Exit Select Case Else Exit Select End Select End If End Sub End Class
Roger Chen
Top achievements
Rank 1
Rank 1
answered
on
17 May 2016
7 answers
176 views
Hi,
when i set AllowSEOPaging=true the RadDataPager's image buttons disappear.
Thanks!
<telerik:RadListView ID="RadListView1" runat="server" OnNeedDataSource="RadListView1_NeedDataSource" AllowPaging="True" ItemPlaceholderID="Panel1" > <LayoutTemplate> <asp:Panel ID="Panel1" runat="server" /> <div> <telerik:RadDataPager ID="RadDataPager1" runat="server" PagedControlID="RadListView1" PageSize="6" SEOPagingQueryPageKey="page" AllowSEOPaging="True"> <Fields> <telerik:RadDataPagerButtonField FieldType="FirstPrev" /> <telerik:RadDataPagerButtonField FieldType="Numeric" PageButtonCount="5" /> <telerik:RadDataPagerButtonField FieldType="NextLast" /> </Fields> </telerik:RadDataPager> </div> </LayoutTemplate> <ItemTemplate> <div> <%#Container.DataItem%> </div> </ItemTemplate> </telerik:RadListView>
Pavlina
Telerik team
answered
on
19 Nov 2015
