UpdatePanel 類別

參考

定義

命名空間:: System.Web.UI

組件:: System.Web.Extensions.dll

重要

部分資訊涉及發行前產品，在發行之前可能會有大幅修改。 Microsoft 對此處提供的資訊，不做任何明確或隱含的瑕疵擔保。

讓頁面區段部分呈現且不需回傳。

public ref class UpdatePanel : System::Web::UI::Control

public ref class UpdatePanel : System::Web::UI::Control, System::Web::UI::IAttributeAccessor

[System.Drawing.ToolboxBitmap(typeof(EmbeddedResourceFinder), "System.Web.Resources.UpdatePanel.bmp")]
public class UpdatePanel : System.Web.UI.Control

[System.Drawing.ToolboxBitmap(typeof(EmbeddedResourceFinder), "System.Web.Resources.UpdatePanel.bmp")]
public class UpdatePanel : System.Web.UI.Control, System.Web.UI.IAttributeAccessor

[<System.Drawing.ToolboxBitmap(typeof(EmbeddedResourceFinder), "System.Web.Resources.UpdatePanel.bmp")>]
type UpdatePanel = class
    inherit Control

[<System.Drawing.ToolboxBitmap(typeof(EmbeddedResourceFinder), "System.Web.Resources.UpdatePanel.bmp")>]
type UpdatePanel = class
    inherit Control
    interface IAttributeAccessor

Public Class UpdatePanel
Inherits Control

Public Class UpdatePanel
Inherits Control
Implements IAttributeAccessor

繼承: Object

Control
UpdatePanel

屬性: ToolboxBitmapAttribute

實作: IAttributeAccessor

範例

下列範例顯示控件的各種 UpdatePanel 用法。

UpdatePanel 控件內的控件

下列範例示範如何在您張貼到伺服器時將控件放在控件內 UpdatePanel ，以減少螢幕閃爍。在此範例中， Calendar 和 DropDownList 控件位於控件內 UpdatePanel 。根據預設， UpdateMode 屬性為 Always ，而 ChildrenAsTriggers 屬性為 true。因此，面板的子控件會導致異步回傳。


<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
    void DropDownSelection_Change(Object sender, EventArgs e)
    {
        Calendar1.DayStyle.BackColor =
            System.Drawing.Color.FromName(ColorList.SelectedItem.Value);
    }

    protected void Calendar1_SelectionChanged(object sender, EventArgs e)
    {
        SelectedDate.Text = 
            Calendar1.SelectedDate.ToString();
    }

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>UpdatePanel Example</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" 
                               runat="server" />
            <asp:UpdatePanel ID="UpdatePanel1"
                             runat="server">
                <ContentTemplate>
                    <asp:Calendar ID="Calendar1" 
                                  ShowTitle="True"
                                  OnSelectionChanged="Calendar1_SelectionChanged"
                                  runat="server" />
                    <div>
                        Background:
                        <br />
                        <asp:DropDownList ID="ColorList" 
                                          AutoPostBack="True" 
                                          OnSelectedIndexChanged="DropDownSelection_Change"
                                          runat="server">
                            <asp:ListItem Selected="True" Value="White"> 
                            White </asp:ListItem>
                            <asp:ListItem Value="Silver"> 
                            Silver </asp:ListItem>
                            <asp:ListItem Value="DarkGray"> 
                            Dark Gray </asp:ListItem>
                            <asp:ListItem Value="Khaki"> 
                            Khaki </asp:ListItem>
                            <asp:ListItem Value="DarkKhaki"> D
                            ark Khaki </asp:ListItem>
                        </asp:DropDownList>
                    </div>
                    <br />
                    Selected date:
                    <asp:Label ID="SelectedDate" 
                               runat="server">None.</asp:Label>
                </ContentTemplate>
            </asp:UpdatePanel>
            <br />
        </div>
    </form>
</body>
</html>


<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
    Sub DropDownSelection_Change(ByVal Sender As Object, ByVal E As EventArgs)
        Calendar1.DayStyle.BackColor = _
        System.Drawing.Color.FromName(ColorList.SelectedItem.Value)
    End Sub

    Protected Sub Calendar1_SelectionChanged(ByVal Sender As Object, ByVal E As EventArgs)
        SelectedDate.Text = Calendar1.SelectedDate.ToString()
    End Sub

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>UpdatePanel Example</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" 
                               runat="server" />
            <asp:UpdatePanel ID="UpdatePanel1"
                             runat="server">
                <ContentTemplate>
                    <asp:Calendar ID="Calendar1" 
                                  ShowTitle="True"
                                  OnSelectionChanged="Calendar1_SelectionChanged"
                                  runat="server" />
                    <div>
                        Background:
                        <br />
                        <asp:DropDownList ID="ColorList" 
                                          AutoPostBack="True" 
                                          OnSelectedIndexChanged="DropDownSelection_Change"
                                          runat="server">
                            <asp:ListItem Selected="True" Value="White"> 
                            White </asp:ListItem>
                            <asp:ListItem Value="Silver"> 
                            Silver </asp:ListItem>
                            <asp:ListItem Value="DarkGray"> 
                            Dark Gray </asp:ListItem>
                            <asp:ListItem Value="Khaki"> 
                            Khaki </asp:ListItem>
                            <asp:ListItem Value="DarkKhaki"> D
                            ark Khaki </asp:ListItem>
                        </asp:DropDownList>
                    </div>
                    <br />
                    Selected date:
                    <asp:Label ID="SelectedDate" 
                               runat="server">None.</asp:Label>
                </ContentTemplate>
            </asp:UpdatePanel>
            <br />
        </div>
    </form>
</body>
</html>

UpdatePanel 控件的主要/詳細數據案例

在下列範例中， UpdatePanel 控件用於主要/詳細數據案例，其中顯示 Northwind 資料庫中的訂單和訂單詳細數據。一個 UpdatePanel 控件包含 GridView 顯示訂單清單的控制件。第二 UpdatePanel 個控件包含顯示 DetailsView 一個訂單詳細數據的控制件。當您從第一個數據表中選取訂單時，該訂單的詳細數據會顯示在第二個數據表中。第二個數據表會根據第一個表格中的選取範圍，以異步方式更新。排序摘要數據表中的排序和分頁作業也會造成部分更新。

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

    protected void GridView1_SelectedIndexChanged(object sender, EventArgs e)
    {
        SqlDataSource2.SelectParameters["OrderID"].DefaultValue = 
            GridView1.SelectedDataKey.Value.ToString();
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>UpdatePanel Example</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1"
                               runat="server" />
            <asp:UpdatePanel ID="OrdersPanel"
                             UpdateMode="Conditional"
                             runat="server">
                <ContentTemplate>
                    <asp:GridView ID="GridView1" 
                                  AllowPaging="True"
                                  AllowSorting="True"
                                  Caption="Orders"
                                  DataKeyNames="OrderID"
                                  DataSourceID="SqlDataSource1"
                                  OnSelectedIndexChanged="GridView1_SelectedIndexChanged"
                                  runat="server" >
                    <Columns>
                    <asp:CommandField ShowSelectButton="True"></asp:CommandField>
                    </Columns>
                    </asp:GridView>
                    <asp:SqlDataSource ID="SqlDataSource1"
                                       runat="server"
                                       ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
                                       SelectCommand="SELECT [OrderID], [CustomerID], [EmployeeID], [OrderDate] FROM [Orders]">
                    </asp:SqlDataSource>
                </ContentTemplate>
            </asp:UpdatePanel>
            <asp:UpdatePanel ID="OrderDetailsPanel"
                             UpdateMode="Always"
                             runat="server">
                <ContentTemplate>
                    <asp:DetailsView ID="DetailsView1"
                                     Caption="Order Details"
                                     DataKeyNames="OrderID,ProductID"
                                     DataSourceID="SqlDataSource2"
                                     runat="server">
                        <EmptyDataTemplate>
                        <i>Select a row from the Orders table.</i>
                        </EmptyDataTemplate>
                    </asp:DetailsView>
                    <asp:SqlDataSource ID="SqlDataSource2"
                                       ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
                                       SelectCommand="SELECT [OrderID], [ProductID], [UnitPrice], [Quantity], [Discount] FROM [Order Details] WHERE ([OrderID] = @OrderID)"
                                       runat="server">
                        <SelectParameters>
                            <asp:Parameter Name="OrderID"
                                           Type="Int32" />
                        </SelectParameters>
                    </asp:SqlDataSource>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
    </form>
</body>
</html>

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

    Protected Sub GridView1_SelectedIndexChanged(ByVal sender As Object, ByVal e As EventArgs)
        SqlDataSource2.SelectParameters("OrderID").DefaultValue = _
        GridView1.SelectedDataKey.Value.ToString()
    End Sub

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>UpdatePanel Example</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1"
                               runat="server" />
            <asp:UpdatePanel ID="OrdersPanel"
                             UpdateMode="Conditional"
                             runat="server">
                <ContentTemplate>
                    <asp:GridView ID="GridView1" 
                                  AllowPaging="True"
                                  AllowSorting="True"
                                  Caption="Orders"
                                  DataKeyNames="OrderID"
                                  DataSourceID="SqlDataSource1"
                                  OnSelectedIndexChanged="GridView1_SelectedIndexChanged"
                                  runat="server" >
                    <Columns>
                    <asp:CommandField ShowSelectButton="True"></asp:CommandField>
                    </Columns>
                    </asp:GridView>
                    <asp:SqlDataSource ID="SqlDataSource1"
                                       runat="server"
                                       ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
                                       SelectCommand="SELECT [OrderID], [CustomerID], [EmployeeID], [OrderDate] FROM [Orders]">
                    </asp:SqlDataSource>
                </ContentTemplate>
            </asp:UpdatePanel>
            <asp:UpdatePanel ID="OrderDetailsPanel"
                             UpdateMode="Always"
                             runat="server">
                <ContentTemplate>
                    <asp:DetailsView ID="DetailsView1"
                                     Caption="Order Details"
                                     DataKeyNames="OrderID,ProductID"
                                     DataSourceID="SqlDataSource2"
                                     runat="server">
                        <EmptyDataTemplate>
                        <i>Select a row from the Orders table.</i>
                        </EmptyDataTemplate>
                    </asp:DetailsView>
                    <asp:SqlDataSource ID="SqlDataSource2"
                                       ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
                                       SelectCommand="SELECT [OrderID], [ProductID], [UnitPrice], [Quantity], [Discount] FROM [Order Details] WHERE ([OrderID] = @OrderID)"
                                       runat="server">
                        <SelectParameters>
                            <asp:Parameter Name="OrderID"
                                           Type="Int32" />
                        </SelectParameters>
                    </asp:SqlDataSource>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
    </form>
</body>
</html>

如果您將 GridView 控制項放在控制元件內 UpdatePanel ，則不支援將 GridView 控制件的 EnableSortingAndPagingCallbacks 屬性設定為 true 。不過，因為UpdatePanel控件支援異步回傳，所以變更控件內UpdatePanel控件的任何回GridView傳都會導致與排序和分頁回呼相同的行為。

在範本中使用 UpdatePanel 控制件

在下列範例中， UpdatePanel 控件用於控件的項目範本 GridView 中。 UpdatePanel 系統會自動產生每個數據列中的控制件。每個數據列的 UpdatePanel 控制項都包含一個 Label 控制件，以顯示該數據列中項目的數量，以及 Button 減少和增加數量控制件。


<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

    private void ChangeQuantity(object sender, int delta)
    {
        Label quantityLabel = (Label)((Button)sender).FindControl("QuantityLabel");
        int currentQuantity = Int32.Parse(quantityLabel.Text);
        currentQuantity = Math.Max(0, currentQuantity + delta);
        quantityLabel.Text = currentQuantity.ToString(System.Globalization.CultureInfo.InvariantCulture);
    }

    private void OnDecreaseQuantity(object sender, EventArgs e)
    {
        ChangeQuantity(sender, -1);
    }

    private void OnIncreaseQuantity(object sender, EventArgs e)
    {
        ChangeQuantity(sender, 1);
    }

    protected void Button1_Click(object sender, EventArgs e)
    {
        StringBuilder sb = new StringBuilder();
        sb.Append("Beverage order:<br/>");
        foreach (GridViewRow row in GridView1.Rows)
        {
            if (row.RowType == DataControlRowType.DataRow)
            {
                Label quantityLabel = (Label)row.FindControl("QuantityLabel");
                int currentQuantity = Int32.Parse(quantityLabel.Text);
                sb.Append(row.Cells[0].Text + " : " + currentQuantity + "<br/>");
            }
        }
        SummaryLabel.Text = sb.ToString();

    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>UpdatePanel Inside GridView Template Example </title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" 
                               runat="server" />
            <asp:GridView ID="GridView1" 
                          AutoGenerateColumns="False"
                          DataSourceID="SqlDataSource1"
                          runat="server">
                <Columns>
                    <asp:BoundField DataField="ProductName" 
                                    HeaderText="ProductName" />
                    <asp:BoundField DataField="UnitPrice"
                                    HeaderText="UnitPrice" />
                    <asp:TemplateField HeaderText="Quantity">
                        <ItemTemplate>
                            <asp:UpdatePanel ID="QuantityUpdatePanel"
                                             UpdateMode="Conditional"
                                             runat="server" >
                                <ContentTemplate>
                                    <asp:Label ID="QuantityLabel"
                                               Text="0"
                                               runat="server" />
                                    <asp:Button ID="DecreaseQuantity"
                                                Text="-"
                                                OnClick="OnDecreaseQuantity"
                                                runat="server" />
                                    <asp:Button ID="IncreaseQuantity" 
                                                Text="+"
                                                OnClick="OnIncreaseQuantity"
                                                runat="server" />
                                </ContentTemplate>
                            </asp:UpdatePanel>
                        </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>            
            <asp:UpdatePanel ID="SummaryUpdatePanel" 
                             UpdateMode="Conditional"
                             runat="server">
                <ContentTemplate>
                    <asp:Button ID="Button1"
                                OnClick="Button1_Click"
                                Text="Get Summary"
                                runat="server" />
                    <br />
                    <asp:Label ID="SummaryLabel"
                               runat="server">
                    </asp:Label>
                </ContentTemplate>
            </asp:UpdatePanel>
            <asp:SqlDataSource ID="SqlDataSource1"
                               ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
                               SelectCommand="SELECT [ProductName], [UnitPrice] FROM 
                               [Alphabetical list of products] WHERE ([CategoryName] 
                               LIKE '%' + @CategoryName + '%')"
                               runat="server">
                <SelectParameters>
                    <asp:Parameter DefaultValue="Beverages"
                                   Name="CategoryName"
                                   Type="String" />
                </SelectParameters>
            </asp:SqlDataSource>
        </div>
    </form>
</body>
</html>


<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

    Private Sub ChangeQuantity(ByVal Sender As Button, ByVal delta As Integer)
        Dim quantityLabel As Label = CType(Sender.FindControl("QuantityLabel"), Label)
        Dim currentQuantity As Integer = Int32.Parse(quantityLabel.Text)
        currentQuantity = Math.Max(0, currentQuantity + delta)
        quantityLabel.Text = currentQuantity.ToString(System.Globalization.CultureInfo.InvariantCulture)
    End Sub

    Private Sub OnDecreaseQuantity(ByVal Sender As Object, ByVal E As EventArgs)
        ChangeQuantity(Sender, -1)
    End Sub

    Private Sub OnIncreaseQuantity(ByVal Sender As Object, ByVal E As EventArgs)
        ChangeQuantity(Sender, 1)
    End Sub

    Protected Sub Button1_Click(ByVal Sender As Object, ByVal E As EventArgs)
    
        Dim sb As New StringBuilder()
        sb.Append("Beverage order:<br/>")
        For Each row As GridViewRow In GridView1.Rows
        
            If row.RowType = DataControlRowType.DataRow Then
                Dim quantityLabel As Label = CType(row.FindControl("QuantityLabel"), Label)
                Dim currentQuantity As Int32 = Int32.Parse(quantityLabel.Text)
                sb.Append(row.Cells(0).Text + " : " & currentQuantity & "<br/>")
            End If
        Next
        SummaryLabel.Text = sb.ToString()

    End Sub
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>UpdatePanel Inside GridView Template Example </title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" 
                               runat="server" />
            <asp:GridView ID="GridView1" 
                          AutoGenerateColumns="False"
                          DataSourceID="SqlDataSource1"
                          runat="server">
                <Columns>
                    <asp:BoundField DataField="ProductName" 
                                    HeaderText="ProductName" />
                    <asp:BoundField DataField="UnitPrice"
                                    HeaderText="UnitPrice" />
                    <asp:TemplateField HeaderText="Quantity">
                        <ItemTemplate>
                            <asp:UpdatePanel ID="QuantityUpdatePanel"
                                             runat="server" >
                                <ContentTemplate>
                                    <asp:Label ID="QuantityLabel"
                                               Text="0"
                                               runat="server" />
                                    <asp:Button ID="DecreaseQuantity"
                                                Text="-"
                                                OnClick="OnDecreaseQuantity"
                                                runat="server" />
                                    <asp:Button ID="IncreaseQuantity" 
                                                Text="+"
                                                OnClick="OnIncreaseQuantity"
                                                runat="server" />
                                </ContentTemplate>
                            </asp:UpdatePanel>
                        </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>            
            <asp:UpdatePanel ID="SummaryUpdatePanel" 
                             runat="server">
                <ContentTemplate>
                    <asp:Button ID="Button1"
                                OnClick="Button1_Click"
                                Text="Get Summary"
                                runat="server" />
                    <br />
                    <asp:Label ID="SummaryLabel"
                               runat="server">
                    </asp:Label>
                </ContentTemplate>
            </asp:UpdatePanel>
            <asp:SqlDataSource ID="SqlDataSource1"
                               ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
                               SelectCommand="SELECT [ProductName], [UnitPrice] FROM 
                               [Alphabetical list of products] WHERE ([CategoryName] 
                               LIKE '%' + @CategoryName + '%')"
                               runat="server">
                <SelectParameters>
                    <asp:Parameter DefaultValue="Beverages"
                                   Name="CategoryName"
                                   Type="String" />
                </SelectParameters>
            </asp:SqlDataSource>
        </div>
    </form>
</body>
</html>

備註

本主題內容：

簡介
重新整理 UpdatePanel 內容
UpdatePanel 使用方式
套用樣式
宣告式語法

簡介

UpdatePanel 控件是 ASP.NET 中 AJAX 功能的中央部分。它們會與控件搭配 ScriptManager 使用，以啟用部分頁面轉譯。當只有部分頁面必須更新時，部分頁面轉譯可減少同步回傳和完成頁面更新的需求。部分頁面轉譯可改善用戶體驗，因為它可減少在全頁回傳期間發生的螢幕閃爍，並改善網頁互動性。

重新整理 UpdatePanel 內容

啟用部分頁面轉譯時，控件可以執行回傳來更新整個頁面，或更新一或多個 UpdatePanel 控件內容的異步回傳。控制項是否造成異步回傳並更新 UpdatePanel 控制件取決於下列各項：

UpdateMode如果控件的 UpdatePanel 屬性設定Always為，控件UpdatePanel的內容就會在源自頁面的每個回傳上更新。這包括來自其他控制件內的控件的 UpdatePanel 異步回傳，以及來自不在控件內之控件的 UpdatePanel 回傳。
UpdateMode如果屬性設定為 Conditional，則UpdatePanel控制件的內容會在下列情況下更新：
- 當您明確呼叫 Update 控件的 UpdatePanel 方法時。
- UpdatePanel當控件巢狀於另一個UpdatePanel控件內，且更新父面板時。
- 當回傳是由使用 Triggers 控件的屬性定義為觸發程式的 UpdatePanel 控件所造成時。在此案例中，控件會明確觸發面板內容的更新。控制項可以是與觸發程式相關聯的控件內部或外部 UpdatePanel 。
- ChildrenAsTriggers當屬性設定為 true 且控件的UpdatePanel子控件會導致回傳時。除非明確定義為觸發程式，否則巢狀 UpdatePanel 控件的子控件不會對外部 UpdatePanel 控件造成更新。

不允許將屬性設定 ChildrenAsTriggers 為 false 和 UpdateMode 屬性的組合 Always ，而且會擲回例外狀況。

當 UpdatePanel 控件執行異步張貼時，它會新增自定義 HTTP 標頭。某些 Proxy 會移除這個自定義 HTTP 標頭。如果發生這種情況，伺服器會以一般回傳方式處理要求，這會導致客戶端錯誤。若要解決此問題，請在執行異步貼文時插入自定義表單域。然後檢查伺服器程式代碼中的標頭或自定義表單域。

UpdatePanel 使用方式

您可以使用多個 UpdatePanel 控制項來獨立更新多個頁面區域。第一次轉譯包含一或多個 UpdatePanel 控件的頁面時，所有 UpdatePanel 控件的所有內容都會轉譯並傳送至瀏覽器。在後續的異步回傳上，根據面板設定和個別面板的用戶端或伺服器邏輯，可能不會更新每個 UpdatePanel 控件的內容。

您也可以使用 UpdatePanel 下列控制項：

在使用者控制件中。
在主版和內容頁面上。
巢狀於其他 UpdatePanel 控件內。
在樣板化控件內，例如 GridView 或 Repeater 控件。

UpdatePanel 控制件可以宣告方式或以程序設計方式加入。

您可以以程式設計方式新增 UpdatePanel 控件，但無法以程序設計方式新增觸發程式。若要建立類似觸發程序的行為，您可以將頁面上的控件註冊為異步回傳控件。您可以藉由呼叫 RegisterAsyncPostBackControl 控件的 ScriptManager 方法來執行此動作。然後，您可以建立事件處理程式，以回應異步回傳，並在處理程式中呼叫 Update 控件的 UpdatePanel 方法。

套用樣式

控件 UpdatePanel 接受 expando 屬性。這可讓您為控件呈現的 HTML 元素設定 CSS 類別。例如，您可能會建立下列範例所示的標記：

<asp:UpdatePanel runat="server" class="myStyle">  
</asp:UpdatePanel>

上一個範例中的標記會在頁面執行時呈現類似下列的 HTML：

<div id="ctl00_MainContent_UpdatePanel1" class="MyStyle">  
</div>

宣告式語法

<asp:UpdatePanel  
    ChildrenAsTriggers="True|False"  
    EnableTheming="True|False"  
    EnableViewState="True|False"  
    ID="string"  
    OnDataBinding="DataBinding event handler"  
    OnDisposed="Disposed event handler"  
    OnInit="Init event handler"  
    OnLoad="Load event handler"  
    OnPreRender="PreRender event handler"  
    OnUnload="Unload event handler"  
    RenderMode="Block|Inline"  
    runat="server"  
    SkinID="string"  
    UpdateMode="Always|Conditional"  
    Visible="True|False"  
>  
    <ContentTemplate>  
        <!-- child controls -->  
    </ContentTemplate>  
    <Triggers>  
        <asp:AsyncPostBackTrigger   
            ControlID="string"  
            EventName="string"  
        />  
        <asp:PostBackTrigger   
            ControlID="string"  
        />  
    </Triggers>  
</asp:UpdatePanel>

建構函式

UpdatePanel()

初始化 UpdatePanel 類別的新執行個體。

屬性

Adapter	針對控制項取得瀏覽器的特定配置器。 (繼承來源 Control)
AppRelativeTemplateSourceDirectory	取得或設定包含了此控制項之 Page 或 UserControl 物件的相對應用程式虛擬目錄。 (繼承來源 Control)
Attributes	取得 UpdatePanel 控制項的階層式樣式表 (CSS) 屬性集合。
BindingContainer	取得包含了此控制項之資料繫結的控制項。 (繼承來源 Control)
ChildControlsCreated	取得值，指出是否已經建立伺服器控制項的子控制項。 (繼承來源 Control)
ChildrenAsTriggers	取得或設定值，這個值表示來自 UpdatePanel 控制項之下層子控制項的回傳是否會更新面板內容。
ClientID	取得 ASP.NET 所產生之 HTML 標記的控制項識別碼。 (繼承來源 Control)
ClientIDMode	取得或設定用來產生 ClientID 屬性值的演算法。 (繼承來源 Control)
ClientIDSeparator	取得字元值，表示在 ClientID 屬性中所使用的分隔字元。 (繼承來源 Control)
ContentTemplate	取得或設定用於定義 UpdatePanel 控制項內容的範本。
ContentTemplateContainer	取得的控制項物件可讓您以程式設計方式加入子控制項。
Context	取得與目前 Web 要求的伺服器控制項關聯的 HttpContext 物件。 (繼承來源 Control)
Controls	取得 ControlCollection 物件，其中包含 UpdatePanel 控制項的子控制項。
DataItemContainer	如果命名容器實作 IDataItemContainer，則取得命名容器的參考。 (繼承來源 Control)
DataKeysContainer	如果命名容器實作 IDataKeysControl，則取得命名容器的參考。 (繼承來源 Control)
DesignMode	取得值，指出控制項是否正用於設計介面上。 (繼承來源 Control)
EnableTheming	取得或設定值，指出佈景主題是否套用至此控制項。 (繼承來源 Control)
EnableViewState	取得或設定值，該值表示伺服器控制項是否對要求的用戶端而言保持其檢視狀態，以及它包含的任何子控制項狀態。 (繼承來源 Control)
Events	取得控制項事件處理常式委派 (Delegate) 的清單。這個屬性是唯讀的。 (繼承來源 Control)
HasChildViewState	取得值，指出目前伺服器控制項的子控制項是否有任何已儲存的檢視狀態設定。 (繼承來源 Control)
ID	取得或設定指派給伺服器控制項的程式設計識別項。 (繼承來源 Control)
IdSeparator	取得用來分隔控制項識別項的字元。 (繼承來源 Control)
IsChildControlStateCleared	取得值，指出這個控制項中所包含的控制項是否有控制項狀態。 (繼承來源 Control)
IsInPartialRendering	取得值，這個值表示非同步回傳是否會導致更新 UpdatePanel 控制項。
IsTrackingViewState	取得值，指出伺服器控制項是否正在儲存檢視狀態的變更。 (繼承來源 Control)
IsViewStateEnabled	取得值，指出這個控制項是否已啟用檢視狀態。 (繼承來源 Control)
LoadViewStateByID	取得值，指出控制項是否依 ID (而不是索引) 參與載入其檢視狀態。 (繼承來源 Control)
NamingContainer	取得伺服器控制項命名容器的參考，其建立唯一命名空間，在具有相同 ID 屬性值的伺服器控制項之間作區別。 (繼承來源 Control)
Page	取得含有伺服器控制項的 Page 執行個體的參考。 (繼承來源 Control)
Parent	在網頁控制階層架構中取得伺服器控制項之父控制項的參考。 (繼承來源 Control)
RenderingCompatibility	取得值，這個值會指定將與呈現 HTML 相容的 ASP.NET 版本。 (繼承來源 Control)
RenderMode	取得或設定的值表示 UpdatePanel 控制項的內容是否包含在 HTML `<div>` 或 `<span>` 項目中。
RequiresUpdate	取得值，這個值表示是否會更新 UpdatePanel 控制項的內容。
Site	當呈現在設計介面上時，取得裝載目前控制項之容器的資訊。 (繼承來源 Control)
SkinID	取得或設定要套用至控制項的面板。 (繼承來源 Control)
TemplateControl	取得或設定包含了此控制項之樣板的參考。 (繼承來源 Control)
TemplateSourceDirectory	取得包含目前伺服器控制項的 Page 或 UserControl 的虛擬目錄。 (繼承來源 Control)
Triggers	取得 UpdatePanelTriggerCollection 物件，這個物件包含 AsyncPostBackTrigger 和 PostBackTrigger 物件 (針對 UpdatePanel 控制項以宣告方式註冊)。
UniqueID	取得伺服器控制項唯一的、符合階層架構的識別項。 (繼承來源 Control)
UpdateMode	取得或設定值，這個值表示何時更新 UpdatePanel 控制項的內容。
ValidateRequestMode	取得或設定值，指出控制項是否對來自瀏覽器的用戶端輸入檢查潛在的危險值。 (繼承來源 Control)
ViewState	取得狀態資訊的字典，允許您在相同網頁的多個要求之間，儲存和還原伺服器控制項的檢視狀態。 (繼承來源 Control)
ViewStateIgnoresCase	取得值，指出 StateBag 物件是否不區分大小寫。 (繼承來源 Control)
ViewStateMode	取得或設定這個控制項的檢視狀態模式。 (繼承來源 Control)
Visible	取得或設定值，指出伺服器控制項是否會轉譯為頁面上的 UI。 (繼承來源 Control)

方法

AddedControl(Control, Int32)	在子控制項加入 Control 物件的 Controls 集合後呼叫。 (繼承來源 Control)
AddParsedSubObject(Object)	通知伺服器控制項，XML 或 HTML 項目已剖析，並將項目加入伺服器控制項的 ControlCollection 物件中。 (繼承來源 Control)
ApplyStyleSheetSkin(Page)	將頁面樣式表中所定義的樣式屬性套用至控制項。 (繼承來源 Control)
BeginRenderTracing(TextWriter, Object)	開始進行轉譯資料的設計階段追蹤。 (繼承來源 Control)
BuildProfileTree(String, Boolean)	收集伺服器控制項的相關資訊，並在頁面啟用追蹤時將此資訊傳遞至 Trace 屬性以顯示之。 (繼承來源 Control)
ClearCachedClientID()	將快取的 ClientID 值設定為 `null`。 (繼承來源 Control)
ClearChildControlState()	刪除伺服器控制項之子控制項的控制項狀態資訊。 (繼承來源 Control)
ClearChildState()	刪除所有伺服器控制項之子控制項的檢視狀態和控制項狀態資訊。 (繼承來源 Control)
ClearChildViewState()	刪除所有伺服器控制項之子控制項的檢視狀態資訊。 (繼承來源 Control)
ClearEffectiveClientIDMode()	將目前的控制項執行個體和任何子控制項的 ClientIDMode 屬性設定為 Inherit。 (繼承來源 Control)
CreateChildControls()	由 ASP.NET 網頁架構呼叫，通知使用組合實作的伺服器控制項來建立所包含的任何子控制項，以準備回傳或呈現。 (繼承來源 Control)
CreateContentTemplateContainer()	建立 Control 物件，該物件是做為定義 UpdatePanel 控制項內容之子控制項的容器。
CreateControlCollection()	傳回包含於 UpdatePanel 控制項之所有控制項的集合。
DataBind()	將資料來源繫結至所叫用的伺服器控制項及其所有子控制項。 (繼承來源 Control)
DataBind(Boolean)	使用會引發 DataBinding 事件的選項，繫結資料來源至叫用的伺服器控制項及其所有子控制項。 (繼承來源 Control)
DataBindChildren()	繫結資料來源至伺服器控制項的子控制項。 (繼承來源 Control)
Dispose()	啟用伺服器控制項，在它從記憶體釋放之前執行最後清除。 (繼承來源 Control)
EndRenderTracing(TextWriter, Object)	結束轉譯資料的設計階段追蹤。 (繼承來源 Control)
EnsureChildControls()	判斷伺服器控制項是否包含子控制項。如果不包含，則建立子控制項。 (繼承來源 Control)
EnsureID()	為尚未指定識別項的控制項，建立識別項。 (繼承來源 Control)
Equals(Object)	判斷指定的物件是否等於目前的物件。 (繼承來源 Object)
FindControl(String)	在目前命名容器搜尋具有指定 `id` 參數的伺服器控制項。 (繼承來源 Control)
FindControl(String, Int32)	使用指定的 `id` 和有助於搜尋之 `pathOffset` 參數中所指定的整數，在目前的命名容器中搜尋伺服器控制項。您不應該覆寫這個版本的 FindControl 方法。 (繼承來源 Control)
Focus()	設定控制項的輸入焦點。 (繼承來源 Control)
GetDesignModeState()	取得控制項的設計階段資料。 (繼承來源 Control)
GetHashCode()	做為預設雜湊函式。 (繼承來源 Object)
GetRouteUrl(Object)	取得會對應於一組路由參數的 URL。 (繼承來源 Control)
GetRouteUrl(RouteValueDictionary)	取得會對應於一組路由參數的 URL。 (繼承來源 Control)
GetRouteUrl(String, Object)	取得 URL，此 URL 對應於一組路由參數及一個路由名稱。 (繼承來源 Control)
GetRouteUrl(String, RouteValueDictionary)	取得 URL，此 URL 對應於一組路由參數及一個路由名稱。 (繼承來源 Control)
GetType()	取得目前執行個體的 Type。 (繼承來源 Object)
GetUniqueIDRelativeTo(Control)	傳回指定之控制項 UniqueID 屬性的前置部分。 (繼承來源 Control)
HasControls()	判斷伺服器控制項是否包含任何子控制項。 (繼承來源 Control)
HasEvents()	傳回值，指出控制項或任何子控制項的事件是否已註冊。 (繼承來源 Control)
Initialize()	如果已啟用部分網頁呈現，則初始化 UpdatePanel 控制項觸發程序集合。
IsLiteralContent()	判斷伺服器控制項是否只儲存常值內容。 (繼承來源 Control)
LoadControlState(Object)	從 SaveControlState() 方法所儲存的上一頁要求中，還原控制項狀態資訊。 (繼承來源 Control)
LoadViewState(Object)	從 SaveViewState() 方法所儲存的先前頁面要求來還原檢視狀態資訊。 (繼承來源 Control)
MapPathSecure(String)	擷取虛擬絕對路徑或相對路徑所對應至的實體路徑。 (繼承來源 Control)
MemberwiseClone()	建立目前 Object 的淺層複製。 (繼承來源 Object)
OnBubbleEvent(Object, EventArgs)	決定伺服器控制項的事件是否要在頁面的 UI 伺服器控制項階層架構中向上傳遞。 (繼承來源 Control)
OnDataBinding(EventArgs)	引發 DataBinding 事件。 (繼承來源 Control)
OnInit(EventArgs)	引發 Init 事件。
OnLoad(EventArgs)	在未啟用部分網頁呈現的情況下，引發 Load 控制項的 UpdatePanel 事件，並叫用 Initialize() 方法。
OnPreRender(EventArgs)	引發 PreRender 事件。
OnUnload(EventArgs)	引發基底 Unload 事件。
OpenFile(String)	取得用來讀取檔案的 Stream。 (繼承來源 Control)
RaiseBubbleEvent(Object, EventArgs)	指派事件的任何來源和它的資訊至控制項的父控制項。 (繼承來源 Control)
RemovedControl(Control)	從 Control 物件的 Controls 集合中移除子控制項之後呼叫。 (繼承來源 Control)
Render(HtmlTextWriter)	引發 Render(HtmlTextWriter) 事件。
RenderChildren(HtmlTextWriter)	引發 RenderChildren(HtmlTextWriter) 事件。
RenderControl(HtmlTextWriter)	將伺服器控制項內容輸出至提供的 HtmlTextWriter 物件，並在啟用追蹤時儲存控制項的追蹤資訊。 (繼承來源 Control)
RenderControl(HtmlTextWriter, ControlAdapter)	使用提供的 HtmlTextWriter 物件，輸出伺服器控制項內容至提供的 ControlAdapter 物件。 (繼承來源 Control)
ResolveAdapter()	取得負責呈現指定之控制項的控制項配置器。 (繼承來源 Control)
ResolveClientUrl(String)	取得瀏覽器可使用的 URL。 (繼承來源 Control)
ResolveUrl(String)	將 URL 轉換為要求用戶端可使用的 URL。 (繼承來源 Control)
SaveControlState()	儲存頁面回傳至伺服器以來，所發生的任何伺服器控制項狀態變更。 (繼承來源 Control)
SaveViewState()	儲存自頁面回傳至伺服器以來所發生的任何伺服器控制項檢視狀態變更。 (繼承來源 Control)
SetDesignModeState(IDictionary)	設定控制項的設計階段資料。 (繼承來源 Control)
SetRenderMethodDelegate(RenderMethod)	指定事件處理常式委派，以呈現伺服器控制項及其內容至其父控制項。 (繼承來源 Control)
SetTraceData(Object, Object)	使用追蹤資料機碼和追蹤資料值，設定設計階段期間追蹤呈現資料的追蹤資料。 (繼承來源 Control)
SetTraceData(Object, Object, Object)	使用追蹤的物體、追蹤資料機碼和追蹤資料值，設定設計階段期間追蹤呈現資料的追蹤資料。 (繼承來源 Control)
ToString()	傳回代表目前物件的字串。 (繼承來源 Object)
TrackViewState()	導致對伺服器控制項的檢視狀態變更的追蹤 (Tracking)，以便它們能夠儲存於伺服器控制項的 StateBag 物件。這個物件可透過 ViewState 屬性存取。 (繼承來源 Control)
Update()	導致更新 UpdatePanel 控制項的內容。

事件

DataBinding	發生於伺服器控制項繫結至資料來源時。 (繼承來源 Control)
Disposed	發生於伺服器控制項從記憶體釋放時，這是在要求 ASP.NET 網頁時，伺服器控制項生命週期的最後階段。 (繼承來源 Control)
Init	發生於初始化伺服器控制項時，是其生命週期中的第一個步驟。 (繼承來源 Control)
Load	發生於載入伺服器控制項至 Page 物件時。 (繼承來源 Control)
PreRender	在 Control 物件載入之後但在呈現之前發生。 (繼承來源 Control)
Unload	發生於伺服器控制項從記憶體卸載時。 (繼承來源 Control)

明確介面實作

IAttributeAccessor.GetAttribute(String)	使用指定的名稱，傳回 Web 控制項的屬性。
IAttributeAccessor.SetAttribute(String, String)	設定指定之控制項屬性的值。
IControlBuilderAccessor.ControlBuilder	如需這個成員的說明，請參閱 ControlBuilder。 (繼承來源 Control)
IControlDesignerAccessor.GetDesignModeState()	如需這個成員的說明，請參閱 GetDesignModeState()。 (繼承來源 Control)
IControlDesignerAccessor.SetDesignModeState(IDictionary)	如需這個成員的說明，請參閱 SetDesignModeState(IDictionary)。 (繼承來源 Control)
IControlDesignerAccessor.SetOwnerControl(Control)	如需這個成員的說明，請參閱 SetOwnerControl(Control)。 (繼承來源 Control)
IControlDesignerAccessor.UserData	如需這個成員的說明，請參閱 UserData。 (繼承來源 Control)
IDataBindingsAccessor.DataBindings	如需這個成員的說明，請參閱 DataBindings。 (繼承來源 Control)
IDataBindingsAccessor.HasDataBindings	如需這個成員的說明，請參閱 HasDataBindings。 (繼承來源 Control)
IExpressionsAccessor.Expressions	如需這個成員的說明，請參閱 Expressions。 (繼承來源 Control)
IExpressionsAccessor.HasExpressions	如需這個成員的說明，請參閱 HasExpressions。 (繼承來源 Control)
IParserAccessor.AddParsedSubObject(Object)	如需這個成員的說明，請參閱 AddParsedSubObject(Object)。 (繼承來源 Control)

擴充方法

FindDataSourceControl(Control)	傳回與指定之控制項的資料控制項相關聯的資料來源。
FindFieldTemplate(Control, String)	傳回在指定之控制項的命名容器中所指定資料行的欄位樣板。
FindMetaTable(Control)	傳回包含資料控制項的中繼資料表物件。

適用於

共用方式為