2024年6月20日发(作者:)
AJAX入门系列 :使用UpdatePanel控件
UpdatePanel可以用来创建丰富的局部更新Web应用程序,它是 2.0 AJAX
Extensions中很重要的一个控件,其强大之处在于不用编写任何客户端脚本,只要在一个页面
上添加几个UpdatePanel控件和一个ScriptManager控件就可以自动实现局部更新。通过本文来
学习一下UpdatePanel简单的使用方法(第一篇)。
主要内容
1.UpdatePanel控件概述
2.UpdatePanel工作原理
3.ContentTemplate属性
4.ContentTemplateContainer属性
5.Triggers属性
一.UpdatePanel控件概述
UpdatePanel可以用来创建丰富的局部更新Web应用程序,它是 2.0 AJAX
Extensions中很重要的一个控件,其强大之处在于不用编写任何客户端脚本,只要在一个页面
上添加几个UpdatePanel控件和一个ScriptManager控件就可以自动实现局部更新。通过本文来
学习一下UpdatePanel工作原理和使用方法。简单的UpdatePanel定义如下:
UpdatePanel重要的属性如下:
属性
ChildrenAsTri
ggers
RenderMode
UpdateMode
说明
当UpdateMode属性为Conditional时,UpdatePanel中的子控件的
异步回送是否会引发UpdatePanle的更新。
表示UpdatePanel最终呈现的HTML元素。Block(默认)表示
Inline表示
表示UpdatePanel的更新模式,有两个选项:Always和Conditional。
Always是不管有没有Trigger,其他控件都将更新该UpdatePanel,
Conditional表示只有当前UpdatePanel的Trigger,或
ChildrenAsTriggers属性为true时当前UpdatePanel中控件引发的异步
回送或者整页回送,或是服务器端调用Update()方法才会引发更新该
UpdatePanel。
二.UpdatePanel工作原理
UpdatePanel的工作依赖于ScriptManager服务端控件( AJAX入门系列(2):使
用ScriptManager控件)和客户端PageRequestManager类(questManager,
在后面的客户端类中会专门说到),当ScriptManager中允许页面局部更新时,它会以异步的方
式回传给服务器,与传统的整页回传方式不同的是只有包含在UpdatePanel中的页面部分会被更
新,在从服务端返回HTML之后,PageRequestManager会通过操作DOM对象来替换需要更新的代
码片段。
看一下官方网站提供的UpdatePanel工作原理图:
三.ContentTemplate属性
Contente Template标签用来定义UpdatePanel的内容,在它里面可以放任何元
素。如果你想要使用编程的手法来控制UpdatePanel中的内容,就需要使用
ContenteTemplateContainer,下面会说到,先来看一个简单的ContentTemplate的例子。
发布者:admin,转转请注明出处:http://www.yc00.com/web/1718882040a2753245.html
评论列表(0条)