<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register Src="PagingBulletedListExplanation.ascx" TagPrefix="wuc" TagName="Explanation" %>
<%@ Register Src="wucLocationInfo.ascx" TagPrefix="wuc" TagName="LocationInfo" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<script runat="server">
protected void ItemsBulletedList_Click(object sender, System.Web.UI.WebControls.BulletedListEventArgs e)
{
int selectedCityID = 0;
if (int.TryParse(BulletedList1.Items[e.Index].Value, out selectedCityID))
{
locationInfo.DisplayLocationInfo(BulletedList1.Items[e.Index].Text, selectedCityID);
}
}
</script>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<h3>
Demo using the PagingBulletedListExtender and the UpdatePanel</h3>
<wuc:Explanation runat="server" />
<asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="CapitalCitiesOfNorthAmerica"
TypeName="WEBSWAPP.Website.Services.LocationsService"></asp:ObjectDataSource>
<div class="halfWindowPanel left">
<asp:BulletedList ID="BulletedList1" runat="server" DisplayMode="LinkButton" DataSourceID="ObjectDataSource1"
DataTextField="Text" DataValueField="Id" OnClick="ItemsBulletedList_Click">
</asp:BulletedList>
</div>
<ajaxToolkit:PagingBulletedListExtender ID="PagingBulletedListExtender1" runat="server"
BehaviorID="PagingBulletedListBehavior1" TargetControlID="BulletedList1" ClientSort="true"
IndexSize="1" Separator=" - " SelectIndexCssClass="selectIndex" UnselectIndexCssClass="unselectIndex" />
<br />
<asp:UpdatePanel ID="upInfo" runat="server">
<ContentTemplate>
<div class="halfWindowPanel right">
<wuc:LocationInfo ID="locationInfo" runat="server"></wuc:LocationInfo>
</div>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="BulletedList1" EventName="TextChanged" />
</Triggers>
</asp:UpdatePanel>
</asp:Content>