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内部控件的更新，由上面描述的几个标签和属性控制

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