Asp.net Ajax 学习笔记2 UpdatePanel的使用(上)

这 一次课主要是讲UpdatePanel的使用

首先是它的基本属性

1、RenderMode：UpdatePanel的呈现模式，如果值是Block，那么它在客户端生成的是Div标签，如果值是Inline，那么它在客户端生成的是Span

2、UpdateMode属性和ChildrenAsTriggers属性：ChildrenAsTriggers默认为true。这两个属性其实是连起来使用的。假设有两个UPdatePanel,其中一个ChildrenAsTriggers为true,UpdateMode为Conditional时，这个UpdatePanel的更新会导致另外一个UpdatePanel的更新。如果ChildrenAsTriggers为false，UpdateMode为Conditional时，这个UpdatePanel的Content的内容不会更新，另一个UpdatePanel里的内容会更新。UpdateMode值为Always时，ChildrenAsTrigger不能为false,如果为true,它只更新自己内部的Content

3、Triggers标签用来指定哪个控件来触发UpdatePanel的更新 Triggers里面的标签AsyncPostBackTrigger用来指定这个UpdatePanel的更新时异步刷新

4、UpdatePanel有两个属性是互斥的。ChildrenAsTriggers和UpdateMode。UpdateMode是用来指定在UpdatePanel里面的提交控件是否总是用来触发刷新的，有两个值，一个是Always表明总是触发刷新、一个是Conditional，表明是有条件的。ChildrenAsTriggers用来表明UpdatePanel里面的提交控件是否用来刷新

ChildrenAsTriggers = " false "  UpdateMode = " always "

这样的的属性值指定会产生错误

 

   < asp:UpdatePanel ID = " UpdatePanel1 "  runat = " server "  ChildrenAsTriggers = " false "  UpdateMode = " Conditional " >
             < ContentTemplate >
                 <%=  DateTime.Now  %>
                 < asp:Button ID = " Button1 "  runat = " server "  Text = " Button "   />
                 < asp:Button ID = " Button2 "  runat = " server "  Text = " Button "   />
             </ ContentTemplate >
             < Triggers >
                 < asp:AsyncPostBackTrigger ControlID = " Button1 "   />
             </ Triggers >
         </ asp:UpdatePanel >

这样的指定Triggers的指定才是有效的，如果ChildrenAsTriggers为True,UpdateMode为Always那么，Triggers的指定是完全无效的

5、Triggers标签可以指定不在UpdatePanel里面的回发控件和在另一个UpdatePanel的回发控件来触发回发

< asp:UpdatePanel ID = " UpdatePanel1 "  runat = " server "  ChildrenAsTriggers = false  UpdateMode = " Conditional " >
             < ContentTemplate >
                 <%=  DateTime.Now  %>
                 < asp:Button ID = " Button1 "  runat = " server "  Text = " Button1 "   />
             </ ContentTemplate >
             < Triggers >
                 < asp:PostBackTrigger ControlID = " Button2 "   />
             </ Triggers >
         </ asp:UpdatePanel >
    
         < asp:UpdatePanel ID = " UpdatePanel2 "  runat = " server " >
             < ContentTemplate >
                 <%=  DateTime.Now  %>
                 < asp:Button ID = " Button2 "  runat = " server "  Text = " Button2 "   />
             </ ContentTemplate >
         </ asp:UpdatePanel >

上面这段代码中，UpdatePanel1中的Button1会触发UpdatePanel2中的时间，因为没有指定UpdatePanel的UpdateMode为Conditional并且ChildrenAsTriggers为False

6、UpdatePanel是允许嵌套的，控制嵌套UpdatePanel内部控件的更新，由上面描述的几个标签和属性控制

总结：上面所描述的几种标签和属性可以自由的结合查看其效果