DataPager - RadDataPager Integration

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

Thanks to its versatility RadDataPager can be integrated with wide range of controls. The above example demonstrates how one can configure the control to provide paging capabilities to RadCalendar in multiview mode.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
<%@ Page Language="C#" Inherits="Telerik.DataPagerExamplesCSharp.RadDataPagerIntegration.DefaultCS"CodeFile="DefaultCS.aspx.cs"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-containers">
        <div class="demo-container">
            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Skin="Metro" runat="server"></telerik:RadAjaxLoadingPanel>
            <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">
                <telerik:RadCalendar RenderMode="Lightweight" ID="RadCalendar1" runat="server" MultiViewColumns="4" MultiViewRows="3" PresentationType="Preview" FocusedDate="01-01-2010" EnableNavigation="false" EnableMonthYearFastNavigation="false" Skin="Metro">
                </telerik:RadCalendar>
                <telerik:RadDataPager RenderMode="Lightweight" ID="RadDataPager1" runat="server" OnPageIndexChanged="RadDataPager1_PageIndexChanged" OnTotalRowCountRequest="RadDataPager1_TotalRowCountRequest" PageSize="1" OnFieldCreated="RadDataPager1_FieldCreated" Width="1004px" Skin="Metro">
                    <Fields>
                        <telerik:RadDataPagerButtonField FieldType="FirstPrev"></telerik:RadDataPagerButtonField>
                        <telerik:RadDataPagerTemplatePageField>
                            <PagerTemplate>
                                <div style="margin-top: 6px;">
                                    Current year: 
                        <strong>
                            <%# Container.Owner.CurrentPageIndex + minYear %>
                        </strong>
                                </div>
                            </PagerTemplate>
                        </telerik:RadDataPagerTemplatePageField>
                        <telerik:RadDataPagerButtonField FieldType="NextLast"></telerik:RadDataPagerButtonField>
                        <telerik:RadDataPagerButtonField FieldType="Numeric" PageButtonCount="16"></telerik:RadDataPagerButtonField>
                    </Fields>
                </telerik:RadDataPager>
            </telerik:RadAjaxPanel>
        </div>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?