<%@ Page Language="c#" Inherits="Telerik.ListViewExamplesCSharp.Sorting.CustomSorting.DefaultCS"CodeFile="DefaultCS.aspx.cs" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ 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" />
<div class="demo-container no-bg">
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
<telerik:RadListView ID="RadListView1" runat="server" RenderMode="Lightweight" ItemPlaceholderID="PlaceHolder1"
AllowCustomSorting="true" AllowMultiFieldSorting="true" AllowPaging="true" OnNeedDataSource="RadListView1_NeedDataSource"
OnSorting="RadListView1_Sorting">
<ItemTemplate>
<div>
<div class="contactImage">
<asp:Image ID="Image1" runat="server" ImageUrl="~/ListView/Examples/Sorting/CustomSorting/images/contact.png"
AlternateText="Contact"></asp:Image>
</div>
<div>
<div class="contactItemBig">
<asp:Label ID="Label1" runat="server" Text='<%# Bind("ContactName") %>'></asp:Label>
</div>
<div class="contactItemSmall">
<asp:Label ID="Label2" runat="server" Text='<%# Bind("CompanyName") %>'></asp:Label>
</div>
</div>
</div>
</ItemTemplate>
<LayoutTemplate>
<table class="tableBack">
<tr>
<td class="sortButton">
<asp:ImageButton ID="SortByName" runat="server" ImageUrl="~/ListView/Examples/Sorting/CustomSorting/images/sortName.png"
CommandName="Sort" CommandArgument="ByName" ToolTip="Click here to sort by ContactName"></asp:ImageButton>
<asp:ImageButton ID="SortByLength" runat="server" ImageUrl="~/ListView/Examples/Sorting/CustomSorting/images/sortLength.png"
CommandName="Sort" CommandArgument="ByLength" ToolTip="Click here to sort by the length of ContactName field"></asp:ImageButton>
<asp:ImageButton ID="ClearSortOrder" runat="server" ImageUrl="~/ListView/Examples/Sorting/CustomSorting/images/sortClear.png"
CommandName="Sort" CommandArgument="Clear" ToolTip="Click here to remove sorting"></asp:ImageButton>
</td>
</tr>
<tr>
<td class="contact">
<asp:Panel ID="PlaceHolder1" runat="server">
</asp:Panel>
</td>
<td class="pagerButton">
<telerik:RadDataPager RenderMode="Lightweight" ID="RadDataPager1" runat="server" PagedControlID="RadListView1"
PageSize="8" Width="50px" Skin="">
<Fields>
<telerik:RadDataPagerTemplatePageField>
<PagerTemplate>
<div class="pagerButtonWrapper">
<asp:ImageButton ID="topButton" runat="server" ImageUrl="~/ListView/Examples/Sorting/CustomSorting/images/top.png"
CommandName="Page" CommandArgument="First"></asp:ImageButton>
<br />
<asp:ImageButton ID="upButton" runat="server" ImageUrl="~/ListView/Examples/Sorting/CustomSorting/images/up.png"
CommandName="Page" CommandArgument="Prev"></asp:ImageButton>
<br />
<asp:ImageButton ID="downButton" runat="server" ImageUrl="~/ListView/Examples/Sorting/CustomSorting/images/down.png"
CommandName="Page" CommandArgument="Next"></asp:ImageButton>
<br />
<asp:ImageButton ID="bottomButton" runat="server" ImageUrl="~/ListView/Examples/Sorting/CustomSorting/images/bottom.png"
CommandName="Page" CommandArgument="Last"></asp:ImageButton>
</div>
</PagerTemplate>
</telerik:RadDataPagerTemplatePageField>
</Fields>
</telerik:RadDataPager>
</td>
</tr>
</table>
</LayoutTemplate>
</telerik:RadListView>
</telerik:RadAjaxPanel>
</div>
<qsf:ConfiguratorPanel runat="server" ID="ConfigurationPanel1">
<Views>
<qsf:View>
<qsf:RadioButtonList ID="SortOrderRadioButtonList" Label="Sort order" runat="server">
<asp:ListItem Text="Ascending" Selected="True">
</asp:ListItem>
<asp:ListItem Text="Descending">
</asp:ListItem>
</qsf:RadioButtonList>
</qsf:View>
</Views>
</qsf:ConfiguratorPanel>
</form>
</body>
</html>