ASP.NET Atlas创建客户端Web应用程序(4)

3. 切换到设计视图；设计器应该生成如图6所示的UI。

图6.示例应用程序的UI

　　(五) 配置UpdatePanel控件

　　1. 切换到源码视图；在标注后面的＜br和/＞标签之间添加下列代码：

＜atlas:UpdatePanel ID="UP1" EnableViewState="true" Mode="Conditional" RenderMode="Inline" runat="server"＞ ＜ContentTemplate＞ ＜/ContentTemplate＞ ＜Triggers＞ ＜/Triggers＞ ＜/atlas:UpdatePanel＞

　　当触发一个已注册的控件中的事件时，UpdatePanel控件被有条件地进行更新。注册的事件在服务器端被通过异步回寄处理。

　　2. 在UpdatePanel控件的＜ContentTemplate＞和＜/ContentTemplate＞元素之间，加入下面的标注：

＜atlas:UpdateProgress＞ ＜ProgressTemplate ＞ ＜asp:Label ID="Label4" runat="server" Font-Names="Verdana Ref" Font-Size="X-Small" Text="Loading..." Width="81px"＞＜/asp:Label＞ ＜/ProgressTemplate＞ ＜/atlas:UpdateProgress＞ ＜br /＞ ＜asp:Repeater ID="RP1" runat="server"＞ ＜ItemTemplate＞ ＜/ItemTemplate＞ ＜/asp:Repeater＞ ＜asp:Label ID="NoResults" runat="server" Width="449px" Font-Names="Verdana Ref" ＞＜/asp:Label＞ ＜br /＞ ＜br /＞ ＜asp:Label ID="PriceRange" runat="server" Font-Names="Verdana Ref" Font-Size="X-Small"＞ ＜/asp:Label＞ ＜br /＞ ＜br /＞ ＜asp:Label ID="labelError" runat="server" Width="451px" Font-Names="Verdana Ref"＞ ＜/asp:Label＞

　　当正在更新区域时，UpdateProgress控件显示一个忙指示器（“加载中……”）。

　　Repeater和Label控件负责存储搜索结果及潜在的错误消息结果。

　　3. 为了注册将触发部分更新的控件，把下列代码片断放到UpdatePanel控件的＜Triggers＞和＜/Triggers＞元素之间：

＜atlas:ControlEventTrigger ControlID="submitSearch" EventName="Click" /＞ ＜atlas:ControlEventTrigger ControlID="listBoxCity" EventName="SelectedIndexChanged" /＞ ＜atlas:ControlEventTrigger ControlID="listBoxCuisine" EventName="SelectedIndexChanged" /＞

查看本文来源