Suche…
Einführung
In diesem Thema wird beschrieben, wie Sie mithilfe von zwei Microsoft Ajax-Serversteuerelementen einer Seite Unterstützung für die Aktualisierung von Teilseiten hinzufügen: das ScriptManager-Steuerelement und das UpdatePanel-Steuerelement. Diese Steuerelemente beseitigen die Anforderung, die gesamte Seite mit jedem Postback zu aktualisieren, wodurch die Benutzererfahrung verbessert wird.
Syntax
- <asp: UpdatePanel ID = "UpdatePanel1" runat = "Server">
</ asp: UpdatePanel>
Bemerkungen
Ein ScriptManager muss der Seite hinzugefügt werden, damit UpdatePanel funktioniert.
Update Panel Beispiel
Schritt 1: Fügen Sie ScriptManager zu Ihrer Seite hinzu
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
Schritt 2: Fügen Sie UpdatePanel direkt nach ScriptManager zu Ihrer Seite hinzu.
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate></ContentTemplate>
</asp:UpdatePanel>
Schritt 3: Nachdem Sie der UpdatePanels-Inhaltsvorlage Inhalt hinzugefügt haben, sollte Ihre Aspx-Seite in etwa wie folgt aussehen:
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<style type="text/css">
#UpdatePanel1 {
width:300px; height:100px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div style="padding-top: 10px">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<fieldset>
<legend>UpdatePanel</legend>
<asp:Label ID="Label1" runat="server" Text="Panel created."></asp:Label><br />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
</fieldset>
</ContentTemplate>
</asp:UpdatePanel>
<br />
</div>
</div>
</form>
</body>
</html>
Schritt 4: Fügen Sie diesen Teil Ihrer C # -Seite hinzu:
protected void Button1_Click(object sender, EventArgs e)
{
Label1.Text = "Refreshed at " +
DateTime.Now.ToString();
}
Schritt 5: Führen Sie jetzt Ihre Anwendung aus.
Erwartetes Ergebnis:
Der Bedienfeldinhalt ändert sich jedes Mal, wenn Sie auf die Schaltfläche klicken, die gesamte Seite wird jedoch nicht aktualisiert. Standardmäßig ist die ChildrenAsTriggers-Eigenschaft eines UpdatePanel-Steuerelements true. Wenn diese Eigenschaft auf true festgelegt ist, nehmen Steuerelemente im Bedienfeld an Teilseitenaktualisierungen teil, wenn ein Steuerelement im Bedienfeld ein Postback verursacht.