<%@ Page Language="C#" Inherits="Telerik.TreeListExamplesCSharp.Paging.PagerTemplate.DefaultCS"CodeFile="DefaultCS.aspx.cs" %>
<%@ 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" EnableAJAX="true" 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
<%# (int)DataBinder.Eval(Container, "Paging.CurrentPageIndex") + 1 %>
of
<%# (int)DataBinder.Eval(Container, "Paging.PageCount") %>
/ Items
<%# (int)DataBinder.Eval(Container, "Paging.FirstIndexInPage") + 1 %>
to
<%# (int)DataBinder.Eval(Container, "Paging.LastIndexInPage") + 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>