深入浅出ASP.Net 2.0 Ajax学习之旅随笔(三)-更新其他UpdatePanel控件的内容而不更新本身的UpdatePanel控件的内容

最新推荐文章于 2019-08-02 09:36:37 发布

原创最新推荐文章于 2019-08-02 09:36:37 发布 · 524 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#asp.net #ajax #button #triggers #asp

Ajax技术学习随笔专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用ASP.NET中的UpdatePanel实现页面局部刷新，并通过设置ChildrenAsTriggers及UpdateMode属性来控制不同面板间的交互。点击一个面板内的按钮时，可以触发另一个面板的内容更新。

先看个示例：<黑白激光打印机>

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false"> <ContentTemplate> <br /> <asp:Button ID="Button1" runat="server" Text="异步局部更新 UpdatePanel2" /> <br /> <%=DateTime.Now.ToString()%> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="Button2" EventName="Click" /> </Triggers> </asp:UpdatePanel> <asp:UpdatePanel ID="UpdatePanel2" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional"> <ContentTemplate> <br /> <asp:Button ID="Button2" runat="server" Text="异步局部更新 UpdatePanel1" /> <br /> <%=DateTime.Now.ToString()%> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" /> </Triggers> </asp:UpdatePanel>

上述代码有着着两个UpdatePanel控件，当点击UpdatePanel控件1的按钮时，UpdatePanel控件2的时间内容就会更新，而UpdatePanel控件1的时间却不更新，与之同理，当点击UpdatePanel控件2的按钮时，UpdatePanel控件1的时间内容就会更新，而UpdatePanel控件2的时间却不更新。

关键在于要定义这两个属性：

ChildrenAsTriggers="false"

UpdateMode="Conditional"

推荐站点:长宸办公