ScriptManager和UpdatePanel控件聯合使用可以实现页面异步局部更新的效果.docxVIP

ScriptManager和UpdatePanel控件联合使用可以实现页面异步局部更新的效果。其中的UpdatePanel就是设置页面中异步局部更新区域，它必须依赖于ScriptManager存在，因为ScriptManger控件提供了客户端脚本生成与管理UpdatePanel的功能。几个重要的属性：??? ScriptManager控件的EnablePartialRendering属性：true-实现页面的异步局部更新;false-实现全页面的刷新。??? UpdatePanel控件的RenderMode属性：InLine-UpdatePanel控件被解析成HTML的span标记;Block-UpdatePanel控件被解析成HTML控件的DIV。??? UpdatePanel控件的UpdateMode属性：Always-UpdatePanel页面上任何一处发生的回发操作都会产生页局部更新;Conditional-只在特定的情况下才产页面的回发，如执行UpdatePanel控件的update()方法或在指定的触发器的操作下。??? UpdatePanel控件的ChildAsTrigger属性：指示UpdatePanel内部控件引起的回发是否产生当前UpdatePanel控件的局部更新。如果UpdateMode设为Always的话，那ChildAsTrigger局性必须设为True，否则运行出错。一、UpdatePanel内部的控件引起的回发，来更新当前UpdatePanel内部的控件内容：??? 1.向页面中加入ScriptManager、UpdatePanel控件和一个Label控件(Label2)。??? 2.在UpdatePanel中加入一个Button、一个Label(Label1)。??? 3.双击Button在事件处理程序中写入下列代码：Label1.Text = DateTime.Now.ToString();??? 4.在Page_Load事件中写入下列代码：Label2.Text = DateTime.Now.ToString();??? 5.运行页面，发现每次点击按钮都会产生异步局步刷新，只有Label1的内容发生更改，页面上的Label2时间没有发生更改。??? ??? 代码如下：??????? asp:Label ID=Label2 runat=server Text=Label/asp:Label??????? asp:ScriptManager ID=ScriptManager1 runat=server??????? /asp:ScriptManager??????? asp:UpdatePanel ID=UpdatePanel1 runat=server ChildrenAsTriggers=True??????????? ContentTemplate??????????????? asp:Label ID=Label1 runat=server/asp:Label??????????????? br /??????????????? asp:Button ID=Button1 runat=server OnClick=Button1_Click Text=Button /??????????? /ContentTemplate??????? /asp:UpdatePanel??????? ??????? protected void Button1_Click(object sender, EventArgs e)??????? {??????????? Label1.Text = DateTime.Now.ToString(); ;??????? }??????? protected void Page_Load(object sender, EventArgs e)??????? {??????????? Label2.Text = DateTime.Now.ToString();??????? } ?????? 注意：此时的ScriptManager的EnablePartialRendering属性应设为true。UpdatePanel的UpdateMode属性应设为Always。ChildAsTrigger属性应设为true。二、UpdatePanel控件外部的控件引起的回发，来异步更新UpdatePanel内部的内容：??? 虽然上面的方式能够很简单地实现异步局部更新的功能，但就性能方面考虑，我们应当只将数据确实会发生变化的控件摆放在UpdatePanel中，这就可能会出现引起回发的控件不在UpdatePa