ASP.NET AJAX Extensions中UpdatePanel控件概述


  本文标签:UpdatePanel控件 ASP.NET AJAX Extensions

  一.ASP.NET AJAX Extensions中UpdatePanel控件概述

  UpdatePanel可以用来创建丰富的局部更新Web应用程序,它是ASP.NET AJAX Extensions中很重要的一个控件,其强大之处在于不用编写任何客户端脚本,只要在一个页面上添加几个UpdatePanel控件和一个ScriptManager控件就可以自动实现局部更新  。简单的UpdatePanel定义如下:

  

  1. <asp:UpdatePanelIDasp:UpdatePanelID="UpdatePanel1"runat="server"> 
  2. <ContentTemplate> 
  3.  
  4. ContentTemplate> 
  5. <Triggers> 
  6. <asp:AsyncPostBackTrigger/> 
  7. <asp:PostBackTrigger/> 
  8. Triggers> 
  9. asp:UpdatePanel> 

  
二.UpdatePanel工作原理

  UpdatePanel的工作依赖于ScriptManager服务端控件和客户端PageRequestManager类(Sys.WebForms.PageRequestManager,在后面的客户端类中会专门说到),当ScriptManager中允许页面局部更新时,它会以异步的方式回传给服务器,与传统的整页回传方式不同的是只有包含在UpdatePanel中的页面部分会被更新,在从服务端返回HTML之后,PageRequestManager会通过操作DOM对象来替换需要更新的代码片段  。

  看一下官方网站提供的UpdatePanel工作原理图:

UpdatePanel工作原理图

  

  
三.ContentTemplate属性

  Contente Template标签用来定义UpdatePanel的内容,在它里面可以放任何ASP.NET元素  。如果你想要使用编程的手法来控制UpdatePanel中的内容,就需要使用ContenteTemplateContainer,下面会说到

  四.ContentTemplateContainer属性

  如果要使用编程的手法去设置UpdatePanel中的内容,需要创建一个UpdatePanel,并且添加控件到ContentTemplateContainer,而不能直接添加控件到ContentTemplate,如果想直接设置ContentTemplate,则需要编写一个自定义的Template,并去实现位于System.Web.UI命名空间下的接口ITemplate  。

  五.Triggers属性

  在ASP.NET AJAX中有两种Triggers:分别为AsyncPostBackTrigger和PostBackTrigger,AsyncPostBackTrigge用来指定某个服务器端控件以及其将触发的服务器端事件作为该UpdatePanel的异步更新触发器,它需要设置的属性有控件ID和服务端控件的事件;PostBackTrigger用来指定在UpdatePanel中的某个服务端控件,它所引发的回送不使用异步回送,而仍然是传统的整页回送  。这一点跟Atlas有很大的区别,大家需要注意  。看一个小例子,虽然两个Button都放在了UpdatePanel中,但是由于在PostBackTrigger中指定了Button2,所以它使用的仍然是整页回送  。以上是ASP.NET AJAX Extensions中UpdatePanel控件概述