<%@ Page Language="VB" AutoEventWireup="false" Inherits="Telerik.TreeListExamplesVBNET.Paging.PagerTemplate.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>
<link href="styles.css" rel="stylesheet" />
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
<div class="demo-container no-bg">
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
<telerik:RadTreeList RenderMode="Lightweight" ID="RadTreeList1" runat="server" AllowPaging="true" DataSourceID="SqlDataSource1" DataKeyNames="EmployeeID" ParentDataKeyNames="ReportsTo" PageSize="5" OnItemCreated="RadTreeList1_ItemCreated">
<PagerTemplate>
<table width="100%">
<tr>
<td align="left">
<div class="pagerWrapper">
<telerik:RadButton RenderMode="Lightweight" ID="btnPageFirst" runat="server" CssClass="rtlActionButton rtlPageFirst" CommandName="Page" CommandArgument="First" UseSubmitBehavior="false">
<Icon PrimaryIconCssClass="rtlIcon rtlPageFirstIcon" />
</telerik:RadButton>
<telerik:RadButton RenderMode="Lightweight" ID="btnPagePrev" runat="server" CssClass="rtlActionButton rtlPagePrev" CommandName="Page" CommandArgument="Prev" UseSubmitBehavior="false">
<Icon PrimaryIconCssClass="rtlIcon rtlPagePrevIcon" />
</telerik:RadButton>
<asp:Panel runat="server" ID="TreeListPagerPlaceHolder"></asp:Panel>
<telerik:RadButton RenderMode="Lightweight" ID="btnPageNext" runat="server" CssClass="rtlActionButton rtlPageNext" CommandName="Page" CommandArgument="Next" UseSubmitBehavior="false">
<Icon PrimaryIconCssClass="rtlIcon rtlPageNextIcon" />
</telerik:RadButton>
<telerik:RadButton RenderMode="Lightweight" ID="btnPageLast" runat="server" CssClass="rtlActionButton rtlPageLast" CommandName="Page" CommandArgument="Last" UseSubmitBehavior="false">
<Icon PrimaryIconCssClass="rtlIcon rtlPageLastIcon" />
</telerik:RadButton>
</div>
</td>
<td align="right">
<div style="padding-right: 7px">
Displaying page
<%# CType(DataBinder.Eval(Container, "Paging.CurrentPageIndex"), Integer) + 1%>
of
<%# CType(DataBinder.Eval(Container, "Paging.PageCount"), Integer)%>
/ Items
<%# CType(DataBinder.Eval(Container, "Paging.FirstIndexInPage"), Integer) + 1%>
to
<%# CType(DataBinder.Eval(Container, "Paging.LastIndexInPage"), Integer) + 1%>
of
<%# DataBinder.Eval(Container, "Paging.DataSourceCount")%>
</div>
</td>
</tr>
</table>
</PagerTemplate>
</telerik:RadTreeList>
</telerik:RadAjaxPanel>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" SelectCommand="SELECT [EmployeeID], [LastName], [FirstName], [Title], [Address], [City], [Country], [HomePhone], [ReportsTo] FROM [Employees]"></asp:SqlDataSource>
</div>
</form>
</body>
</html>