RadDatapager Template - Set defaults

[Angie]

Hello, I use a the RadDataPager in multiple places throughout my project.  I have many properties set in a specific fashion, and I find myself having to copy/paste the pager all over.

Is there a way to set up a skin or a default style or a control for the pager so that the options can be set in one place only?

Below is my code for the pager.  I even end up duplicating it on each single page due to the fact that I show the pager on the top and on the bottom of the page.

Thanks!

<telerik:RadDataPager ID="RadDataPagerBottom" runat="server" IsTotalItemCountFixed="True" Skin="Windows7" Width="730px" CssClass="Custom">
        <Fields>
             <telerik:RadDataPagerButtonField FieldType="FirstPrev" />
              <telerik:RadDataPagerButtonField FieldType="Numeric" />
              <telerik:RadDataPagerButtonField FieldType="NextLast" />
               <telerik:RadDataPagerTemplatePageField HorizontalPosition="RightFloat">
               <PagerTemplate>
               <div style="float: right;color:#666666;">
                Displaying items <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex + 1 %>" />
 to
<asp:Label runat="server" ID="TotalPagesLabel" Text="<%# (Container.Owner.TotalRowCount < Container.Owner.StartRowIndex + Container.Owner.PageSize)?Container.Owner.TotalRowCount:Container.Owner.StartRowIndex + Container.Owner.PageSize  %>" />
                                                of
    <asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount %>" />
                                        </div>
                                    </PagerTemplate>
                                </telerik:RadDataPagerTemplatePageField>
                            </Fields>
                         </telerik:RadDataPager>

[Angie]

Ok, so I've figured out how to use the skin file to default the buttons and their placement.

Now I need to figure out if it is possible to extend the RadDataPager so that I can perform some default c# operations:  setting the "Display Items x of y" labels, setting the page size programmatically, and handling the hiding of the pager when there are just a few records.
Thanks!

Skin file code:

<telerik:RadDataPager runat="server" Skin="Windows7" >
    <Fields>
    <telerik:RadDataPagerTemplatePageField HorizontalPosition="LeftFloat">
        <PagerTemplate>
            <div style="float: right;color:#666666;">
                Displaying items
                    <asp:Label runat="server" ID="CurrentPageLabel"  />
                    to
                    <asp:Label runat="server" ID="TotalPagesLabel"  />
                    of
                    <asp:Label runat="server" ID="TotalItemsLabel"  />

            </div>
        </PagerTemplate>
    </telerik:RadDataPagerTemplatePageField>
     <telerik:RadDataPagerButtonField FieldType="NextLast" HorizontalPosition="RightFloat" />
      <telerik:RadDataPagerButtonField FieldType="Numeric" HorizontalPosition="RightFloat" />
    <telerik:RadDataPagerButtonField FieldType="FirstPrev" HorizontalPosition="RightFloat" />

    </Fields>
</telerik:RadDataPager>

Code behind functions I would like to handle:

protected void lvCEResults_DataBound(object sender, EventArgs e)

    {

        RadDataPager pagerTop = (RadDataPager)lvCEResults.FindControl("RadDataPagerTop");

        pagerTop.PageSize = int.Parse(ConfigurationManager.AppSettings["RESULTS_PAGE_SIZE"].ToString());

        pagerTop.Visible = !(totalRecordCount <= lvCEResults.PageSize);

 

        RadDataPager pagerBottom = (RadDataPager)lvCEResults.FindControl("RadDataPagerBottom");

        pagerBottom.PageSize = int.Parse(ConfigurationManager.AppSettings["RESULTS_PAGE_SIZE"].ToString());

        pagerBottom.Visible = !(totalRecordCount <= lvCEResults.PageSize);

    }



[Andrey]

Hi,

In the Skin files you could set only visual properties, there is no code-behind as you most probably already knows.

The best solution in your case would be to use application settings defined in the Web.config file. Then you could find the DataPager control and apply those settings. You could check this MSDN thread for more information on how you could read application settings from Web.Config file.

Kind regards,
Andrey
the Telerik team

[Angie]

Hi Andrey, thanks for your reply.  I am using the web config for static variables, such as page size, but for variables that change (total records, page number, etc), it doesn't make sense to use the web config.  Luckily, I've figured out how to extend the telerik pager class, so that I can do the work I need to do in one area, rather than having to copy and paste the same code everywhere.

I'll include the code here for others that may have the same question.

So, I am using the skin file for the styling of the pager, which I've changed to reflect the name of my extended control.

<CCWeb:TelerikPager runat="server" Skin="Windows7" IsTotalItemCountFixed="True" >
    <Fields>
    <telerik:RadDataPagerTemplatePageField HorizontalPosition="LeftFloat">
        <PagerTemplate>
            <div style="float: right;color:#666666;">
                Displaying items
                    <asp:Label runat="server" ID="PageItemFromLabel"  />
                    to
                    <asp:Label runat="server" ID="PageItemToLabel"  />
                    of
                    <asp:Label runat="server" ID="TotalItemsLabel"  />
            </div>
        </PagerTemplate>
    </telerik:RadDataPagerTemplatePageField>
     <telerik:RadDataPagerButtonField FieldType="NextLast" HorizontalPosition="RightFloat" />
      <telerik:RadDataPagerButtonField FieldType="Numeric" HorizontalPosition="RightFloat" />
    <telerik:RadDataPagerButtonField FieldType="FirstPrev" HorizontalPosition="RightFloat" />
    </Fields>
</CCWeb:TelerikPager>

And then here is the c# code I'm using to extend the pager itself.  (A class file in the app_code folder.)

public class TelerikPager : RadDataPager
    {
        protected override void  OnInit(EventArgs e)
        {
            PageSize = int.Parse(ConfigurationManager.AppSettings["RESULTS_PAGE_SIZE"].ToString());
            base.OnInit(e);
        }

        protected override void OnPreRender(EventArgs e)
        {
           ((Label)this.Controls[0].FindControl("PageItemFromLabel")).Text = (StartRowIndex + 1).ToString();
           ((Label)this.Controls[0].FindControl("PageItemToLabel")).Text = ((TotalRowCount < (StartRowIndex + PageSize)) ? TotalRowCount : StartRowIndex + PageSize).ToString();
           ((Label)this.Controls[0].FindControl("TotalItemsLabel")).Text = TotalRowCount.ToString();

            if (TotalRowCount <= PageSize)
                this.Visible = false;

            base.OnPreRender(e);
        }
    }

Hope that may help someone.

[Andrey]

Hello,

Yes, this is one possible approach for your case. Than you for providing this information for the community.

Kind regards,
Andrey
the Telerik team