ScriptManager和UpdatePanel用法 (ajax) - BlueWorl...

在开发过程中难免会用到UpdatePanel控件的一些复杂的使用。如：UpdatePanel控件的嵌套、在母版页中使用UpdatePanel、在用户控件中使用UpdatePanel以及在GridView中使用UpdatePanel等。
其实这些操作也免不了对UpdatePanel控件的UpdateMode属性、ChildrenAsTrigger属性以及触发器的使用，下面是系统地说明。

一、两个嵌套的UpdatePanel控件，外部的UpdatePanel内的控件回发引发二者同时更新
    在页面上放一个ScriptManager和UpdatePanel控件（UpdatePanel1），在UpdatePanel1中放入一个标签控件（lblOut）、一个按钮（Button1）和另一个UpdatePanel控件（UpdatePanel2），在UpdatePanel2控件中放一个标签控件lblIn。
      

           
           
            UpdateMode="Conditional">
               
                   
                    Click="Button1_Click2" Text="Button" />
                    <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
                       
                           
                       
                   
               
           
    在Button1控件中的Click事件中加入下面的代码：
    protected void Button1_Click2(object sender, EventArgs e)
    {
        lblIn.Text = DateTime.Now.ToString();
        lblOut.Text = DateTime.Now.ToString();
    }
    要实现外部UpdatePanel内控件的回发引起内部和外部两个UpdatePanel控件的同时刷新的话，需要把两个UpdatePanel控件的UpdateMode都设为Conditional，这样外部UpdatePanel内的控件回发会自动引起内部UpdatePanel控件的刷新。
    注意：
        外部UpdatePanel控件的ChildrenAsTrigger属性要设为True，两个UpdatePanel控件的UpdateMode要都设为Conditional，如果UpdateMode设为Always的话也会出现两个UpdatePanel同时刷新的效果，但样这会导致页面上其它的UpdatePanel控件也发生刷新。
              
二、两个嵌套的UpdatePanel控件，内部的UpdatePanel内的控件回发引发二者同时更新
    在页面上放一个ScriptManager和UpdatePanel控件（UpdatePanel1），在UpdatePanel1中放入一个标签控件（lblOut）和另一个UpdatePanel控件（UpdatePanel2），在UpdatePanel2控件中放一个标签控件lblIn和一个按钮（Button1）。
   

           
           
            UpdateMode="Conditional">
               
                   
                   

                    UpdateMode="Conditional">
                       
                           
                    Click="Button1_Click2" Text="Button" />
                       
                   
               
               
                   
               
           
    在按钮的Click事件中和（一）中的一样。
    注意：
       把两个UpdatePanel控件的UpdateMode属性设为Conditional，要把内部控件ChildrenAsTrigger设为True。但这样内部UpdatePanel内的控件只引发自身的刷新，不会引发外部的UpdatePanel控件的刷新，不会刷新外部的UpdatePanel控件，因此我们还需要为外部UpdatePanel控件加入一个触发器，触发源指定为Button1控件的Click事件上。
       
三、两个嵌套的UpdatePanel控件，外部的UpdatePanel内的控件回发只引发内部控件的更新
    在页面上放一个ScriptManager和UpdatePanel控件（UpdatePanel1），在UpdatePanel1中放入一个标签控件（lblOut）、一个按钮（Button1）和另一个UpdatePanel控件（UpdatePanel2），在UpdatePanel2控件中放一个标签控件lblIn。
   

           
           
            UpdateMode="Conditional" ChildrenAsTriggers="False">
               
                   
                    Click="Button1_Click2" Text="Button" />

                    UpdateMode="Conditional">
                       
                             
                       
                       
                           
                       
                   
               
           
           在按钮的Click事件中和（一）中的一样。
    注意：
        要把两个UpdatePanel控件的UpdateMode设为Conditional，把外部UpdatePanel控件的ChildrenAsTrigger设为false。这样两个UpdatePanel控件都不会刷新，所以还要为内部的UpdatePanel控件建立触发器，触发源指向外部UpdatePanel中的的Button1的Click事件上。
       
四、母版页中使用UpdatePanel控件
    如果将ScriptManager控件添加在母版页上的话，那么各内容页面就没必要再添加ScriptManager控件了，只需添加UpdatePanel控件就可以了，因为母版页和内容页面将来生成的是一个页面的实例，而在一个页面上是不允许同时存在两个ScriptManager控件的。
    如果ScriptManager控件没有添加在母版页上的话，那只能把ScriptManager控件添加在其中一个内容页面里。不要向每一个内容页面中添加ScriptManager控件。
    1、内容页面中的UpdatePanel内的控件引起回发，只更新当前内容页面的内容。
   

        此时按钮分别在各自的UpdatePanel控件内。
        将两个内容页面内的两个UpdatePanel控件的UpdateMode设为Conditional，ChildrenAsTrigger设为True。
        在按钮的Click事件中和（一）中的一样。
        这样就出现各内容页的UpdatePanel内的按钮只对当前内容页起作用。
    2、在母版页中的按钮引起回发，更新指定内容页的信息。
       

       此时有两个按钮：ButtonOuter在母版页中，ButtonInner在内容页面1中。
       当点击ButtonOuter时，异步更新两个内容页面的信息。当点击ButtonInner时，异步更新母版面中的UpdatePanel1中的信息。
       母版页HTML代码如下：