<%@ Page Language="VB" AutoEventWireup="false" CodeFile="DefaultVB.aspx.vb" Inherits="Telerik.Web.Examples.ListView.Examples.FilteringWithRadFilter.DefaultVB" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<!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" />
<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1">
<div class="demo-container">
<div class="filterWrapper">
<telerik:RadFilter RenderMode="Lightweight" runat="server" ID="RadFilter2" FilterContainerID="RadListView1" ExpressionPreviewPosition="Bottom">
</telerik:RadFilter>
</div>
<telerik:RadListView ID="RadListView1" RenderMode="Lightweight" DataSourceID="SqlDataSource1" Width="100%"
PageSize="8" AllowPaging="True" runat="server" ItemPlaceholderID="ProductsHolder"
DataKeyNames="OrderID">
<ItemTemplate>
<div class="rlvA">
<fieldset>
<table>
<tr>
<td>
<strong>OrderID:</strong>
<asp:Label ID="OrderIDLabel" runat="server" Text='<%#Eval("OrderID") %>'></asp:Label>
<br />
<strong>Order date:</strong>
<asp:Label ID="OrderDateLabel" runat="server" Text='<%#DirectCast(Eval("OrderDate"),DateTime).ToShortDateString()%>'></asp:Label>
<br />
<strong>Ship city:</strong>
<asp:Label ID="ShipCityLabel" runat="server" Text='<%#Eval("ShipCity") %>'></asp:Label>
<br />
<strong>Ship country:</strong>
<asp:Label ID="ShipCountryLabel" runat="server" Text='<%# Eval("ShipCountry") %>'></asp:Label>
<br />
<strong>Ship name:</strong>
<asp:Label ID="ShipNameLabel" runat="server" Text='<%#Eval("ShipName") %>'></asp:Label>
<br />
</td>
<td>
<img src="images/ordertracking.gif" alt="" />
</td>
</tr>
</table>
</fieldset>
</div>
</ItemTemplate>
<LayoutTemplate>
<fieldset style="padding: 10px;">
<legend style="margin-left: 20px">Orders</legend>
<div class="RadListView RadListViewFloated RadListView_Default">
<div class="rlvFloated">
<div id="ProductsHolder" runat="server">
</div>
</div>
<div style="display: none">
<telerik:RadCalendar RenderMode="Lightweight" ID="rlvSharedCalendar" runat="server" RangeMinDate="<%#new DateTime(1900, 1, 1) %>"
Skin="<%#Container.Skin %>">
</telerik:RadCalendar>
</div>
<div style="display: none">
<telerik:RadTimeView ID="rlvSharedTimeView" runat="server" Skin="<%# Container.Skin %>">
</telerik:RadTimeView>
</div>
<div>
<telerik:RadDataPager RenderMode="Lightweight" ID="RadDataPager1" PageSize="8" runat="server">
<Fields>
<telerik:RadDataPagerButtonField FieldType="Numeric"></telerik:RadDataPagerButtonField>
</Fields>
</telerik:RadDataPager>
</div>
</div>
</fieldset>
</LayoutTemplate>
</telerik:RadListView>
</div>
</telerik:RadAjaxPanel>
<asp:SqlDataSource runat="server" ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
SelectCommand="Select OrderID, OrderDate, ShipVia, ShipName, ShipAddress, ShipCity, ShipCountry FROM Orders"></asp:SqlDataSource>
<qsf:ConfiguratorPanel ID="ConfiguratorPanel1" runat="server">
<Views>
<qsf:View>
<qsf:ConfiguratorColumn ID="ConfiguratorColumn1" runat="server" Size="Medium" Title="Show Line Images">
<qsf:RadioButtonList runat="server" ID="FilterLines" AutoPostBack="true" OnSelectedIndexChanged="FilterLines_SelectedIndexChanged">
<asp:ListItem Text="Enabled" Value="true" Selected="True"></asp:ListItem>
<asp:ListItem Text="Disabled" Value="false"></asp:ListItem>
</qsf:RadioButtonList>
</qsf:ConfiguratorColumn>
<qsf:ConfiguratorColumn ID="ConfiguratorColumn2" runat="server" Size="Medium" Title="Expression Preview Position">
<qsf:RadioButtonList runat="server" ID="ExpressionPreview" AutoPostBack="true" OnSelectedIndexChanged="ExpressionPreview_SelectedIndexChanged">
<asp:ListItem Text="None" Value="None"></asp:ListItem>
<asp:ListItem Text="Top" Value="Top"></asp:ListItem>
<asp:ListItem Text="Bottom" Value="Bottom" Selected="True"></asp:ListItem>
</qsf:RadioButtonList>
</qsf:ConfiguratorColumn>
<qsf:ConfiguratorColumn ID="ConfiguratorColumn3" runat="server" Size="Medium" Title="Allow Filter On Blur">
<qsf:RadioButtonList runat="server" ID="AutoPostbackOnBlur" AutoPostBack="true" OnSelectedIndexChanged="AutoPostbackOnBlur_SelectedIndexChanged">
<asp:ListItem Text="Enabled" Value="true"></asp:ListItem>
<asp:ListItem Text="Disabled" Value="false" Selected="True"></asp:ListItem>
</qsf:RadioButtonList>
</qsf:ConfiguratorColumn>
</qsf:View>
</Views>
</qsf:ConfiguratorPanel>
</form>
</body>
</html>