UpdatePanel 示例

 

下面的两个 Label 中的 Text 都在 OnPageLoad 事件中被初始化成当前时间,请点击下面的刷新按钮更换其显示时间:


UpdatePanel 外的时间 Label: 2009-8-4 15:36:17
UpdatePanel 内的时间 Label:
2009-8-4 15:36:17


UpdatePanel 可以说是 ASP.Net AJAX 控件中最简单也是最方便可以使页面达到无刷新效果的控件。
其使用方法类似普通的 Panel,只需要在这个 UpdatePanel 中放入需要刷新的内容,该部分就将呈现网页的部分刷新。
同时你也可以指定触发 UpdatePanel 刷新的内容的事件为它本身外的任何一个事件。如上面的例子中。我们设置的 UpdatePanel 相关属性如下。
我们在 Triggers 中指定了刷新事件为 btnRefresh 的点击事件。

<asp:UpdatePanel ID="updatePanel1" runat="server">
        <ContentTemplate>
            <asp:Label ID="lInsidePanel" runat="server" / >
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger 
                ControlID="btnRefresh" EventName="Click" />
        </Triggers>
    </asp:UpdatePanel>
注意:
UpdatePanel 虽然用起来可以很方便的达到 Web 页面局部刷新的 AJAX 效果,但是 ASP.Net AJAX 其实同样处理了所属页面的提交方法,
只是 ASP.Net AJAX 控件局部控了页面中的刷新过程。 因而,UpdatePanel 虽然达到了页面局部提交的 AJAX 效果,但是它并不像其它 
ASP.Net AJAX 控件同时可以降低应用服务器层的资源消耗。
posted on 2009-08-04 15:39  晴天1848  阅读(272)  评论(0)    收藏  举报