Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
20 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
33 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
108 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.
Brad
Top achievements
Rank 1
 asked on 25 Apr 2018
0 answers
53 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

 

Philip
Top achievements
Rank 1
 asked on 22 May 2017
1 answer
59 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
197 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. 

Son
Top achievements
Rank 1
 answered on 06 Sep 2016
1 answer
54 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
86 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-width946px;">
                                    <%--<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="floatrightpadding-left50px;">
                                                                    <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="clearboth">
                                    </div>
                                    <table style="width100%margin-top5px;">
                                        <tr>
                                            <td style="">
                                            </td>
                                            <td style="text-alignrightwidth75%;">
<asp:Label ID="lblSort1" runat="server" AssociatedControlID="ddListSort" Text="Sort by:"
Style="padding-right5px;"></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="height100%;" 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-alignright" 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" />&nbsp;Notes</a>&nbsp;<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")%>' />&nbsp;<asp:LinkButton ID="cmdLnkRemoveFromFavorites" runat="server" CommandName="remove" CommandArgument='<%# Eval("CandidateID")%>'>Remove Favorite</asp:LinkButton>
                                                </asp:panel>
                                </fieldset>
                            </ItemTemplate>
                            <EmptyDataTemplate>
                                <fieldset style="width100%">
                                    <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.EventArgsHandles Me.Load
        SiteUser.RequireSchoolLogon()
        SqlDataSource1.SelectCommand = "blah blah blah"
    End Sub
 
    Protected Sub RadListView1_ItemCommand(ByVal sender As ObjectByVal 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 ObjectByVal 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 ObjectByVal 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
 answered on 17 May 2016
7 answers
122 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
1 answer
78 views

Hi,

My Datapager is using:

<telerik:RadDataPagerButtonField FieldType="FirstPrev" />
<telerik:RadDataPagerButtonField FieldType="Numeric" PageButtonCount="5" />
<telerik:RadDataPagerButtonField FieldType="NextLast" />

Instead of arrows, how can I show them as text?
I wish to change from < 1,2,3,4,5 > to PREV 1,2,3,4,5 NEXT

Thanks.


 

 

Viktor Tachev
Telerik team
 answered on 16 Nov 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?