New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

RadDataPager Integration

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.

  • DefaultVB.aspx
  • DefaultVB.aspx.vb
<%@ Page Language="VB" AutoEventWireup="false" Inherits="Telerik.DataPagerExamplesVBNET.RadDataPagerIntegration.DefaultVB"CodeFile="DefaultVB.aspx.vb"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<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