深入浅出ASP.Net 2.0 Ajax学习之旅随笔(四)-嵌套使用UpdatePanel控件来降低Web服务器的往返数据量

我们可以在UpdatePanel控件中再含另一个UpdatePanel控件，此举使得我们能够更灵活、弹性且效率地自定义页面上的异步局部更新区域。其主要目的，是确保局部更新范围仅限于必要的特定区域，以便降低往返于Web服务器的数据量，提高整体效率。这也就是我们常说的“善用嵌套化，性能更进化”。

 

1.将外层UpdatePanel控件的UpdateMode与内层UpdatePanel控件的UpdateMode属性设置为Conditional

2.将外层UpdatePanel控件的ChildrenAsTriggers属性设置为false

3.为内层UpdatePanel控件的Triggers属性添加一个由外层UpdatePanel控件内的控件事件所引发的AsyncPostBackTrigger触发器。

 

XTML/HTML示例代码:<黑白激光一体机>

<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false"> <ContentTemplate> <div> <fieldset style="width: 510px"> <legend>外层 UpdatePanel - <br /> UpdateMode = Conditional , ChildrenAsTriggers = False</legend> <br /> <asp:Button ID="BtnOuter" Text="外层 UpdatePanel 中的按钮" runat="server" Width="248px" /> <br /> 更新时间 <%= DateTime.Now.ToString() %> <br /> <br /> <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional"> <ContentTemplate> <div class="NestedPanel"> <fieldset> <legend>内层 UpdatePanel - <br /> UpdateMode = Conditional , ChildrenAsTriggers = True<br /> AsyncPostBackTrigger ControlID = BtnOuter EventName = Click</legend> <br /> 更新时间 <%= DateTime.Now.ToString() %> <br /> <asp:Button ID="BtnInner" Text="内层 UpdatePanel 中的按钮" runat="server" Width="248px" /> </fieldset> </div> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="BtnOuter" EventName="Click" /> </Triggers> </asp:UpdatePanel> </fieldset> </div> </ContentTemplate> </asp:UpdatePanel>

 

 

推荐链接:彩色激光一体机