<%@ Page Language="c#" Inherits="Telerik.ListViewExamplesCSharp.Paging.IntegratedPaging.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" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
<telerik:RadFormDecorator RenderMode="Lightweight" ID="RadFormDecorator1" runat="server" DecoratedControls="All" ControlsToSkip="H4H5H6" />
<div class="demo-container">
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="ListViewPanel1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="ListViewPanel1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
</telerik:RadAjaxLoadingPanel>
<div class="demoWrapper">
<asp:Panel ID="ListViewPanel1" runat="server">
<telerik:RadListView ID="RadListView1" DataSourceID="SqlDataSource1" runat="server" RenderMode="Lightweight"
ItemPlaceholderID="EmployeesContainer" DataKeyNames="CustomerID" AllowPaging="true"
PageSize="6">
<LayoutTemplate>
<fieldset id="FieldSet1">
<legend>Employees</legend>
<asp:PlaceHolder ID="EmployeesContainer" runat="server"></asp:PlaceHolder>
<div class="clear">
</div>
<div class="pagerWrapper">
<div class="demoPager">
<telerik:RadButton RenderMode="Lightweight" runat="server" ID="btnFirst" CommandName="Page" CommandArgument="First"
Text="First" Enabled="<%#Container.CurrentPageIndex > 0 %>"></telerik:RadButton>
<telerik:RadButton RenderMode="Lightweight" runat="server" ID="btnPrev" CommandName="Page" CommandArgument="Prev"
Text="Prev" Enabled="<%#Container.CurrentPageIndex > 0 %>"></telerik:RadButton>
<span class="numericPageSize">Page
<%#Container.CurrentPageIndex + 1 %>
of
<%#Container.PageCount %></span>
<telerik:RadButton RenderMode="Lightweight" runat="server" ID="btnNext" CommandName="Page" CommandArgument="Next"
Text="Next" Enabled="<%#Container.CurrentPageIndex + 1 < Container.PageCount %>"></telerik:RadButton>
<telerik:RadButton RenderMode="Lightweight" runat="server" ID="btnLast" CommandName="Page" CommandArgument="Last"
Text="Last" Enabled="<%#Container.CurrentPageIndex + 1 < Container.PageCount %>"></telerik:RadButton>
</div>
<div>
<span class="pageSize">Page Size:</span>
<telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="cmbPageSize" OnSelectedIndexChanged="cmbPageSize_SelectedIndexChanged"
AutoPostBack="true" Width="60px" SelectedValue="<%#Container.PageSize %>">
<Items>
<telerik:RadComboBoxItem Text="3" Value="3"></telerik:RadComboBoxItem>
<telerik:RadComboBoxItem Text="6" Value="6"></telerik:RadComboBoxItem>
<telerik:RadComboBoxItem Text="9" Value="9"></telerik:RadComboBoxItem>
<telerik:RadComboBoxItem Text="12" Value="12"></telerik:RadComboBoxItem>
</Items>
</telerik:RadComboBox>
</div>
</div>
</fieldset>
</LayoutTemplate>
<ItemTemplate>
<fieldset class="fieldsetBox">
<legend>Company:
<%#Eval("CompanyName")%>
</legend>
<table class="itemTable">
<tr>
<td class="cellInfo">
<table cellpadding="6" cellspacing="0">
<tr>
<td class="cellLabel">Name:
</td>
<td class="cellInfo">
<%#Eval("ContactName")%>
</td>
</tr>
<tr>
<td>Title:
</td>
<td>
<%#Eval("ContactTitle")%>
</td>
</tr>
<tr>
<td>City:
</td>
<td>
<%# Eval("City")%>
</td>
</tr>
<tr>
<td>Country:
</td>
<td>
<%# Eval("Country")%>
</td>
</tr>
<tr>
<td>Phone:
</td>
<td>
<%#Eval("Phone")%>
</td>
</tr>
</table>
</td>
<td class="image">
<telerik:RadBinaryImage runat="server" ID="RadBinaryImage1" DataValue='<%# Eval("Photo") == DBNull.Value? new System.Byte[0]: Eval("Photo") %>'
AutoAdjustImageControlSize="false" Width="90px" Height="110px" ToolTip='<%#Eval("ContactName", "Photo of {0}") %>'
AlternateText='<%#Eval("ContactName", "Photo of {0}") %>'></telerik:RadBinaryImage>
</td>
</tr>
</table>
</fieldset>
</ItemTemplate>
</telerik:RadListView>
</asp:Panel>
</div>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:TelerikConnectionString %>"
SelectCommand="SELECT [CustomerID], [CompanyName], [ContactName], [ContactTitle], [City], [Country], [Phone], [Photo] FROM [CustomerPhotos]"></asp:SqlDataSource>
</div>
</form>
</body>
</html>