Ricerca…
introduzione
In questo argomento viene descritto come aggiungere il supporto per l'aggiornamento di pagine parziali a una pagina Web utilizzando due controlli server Ajax di Microsoft: il controllo ScriptManager e il controllo UpdatePanel. Questi controlli rimuovono il requisito di aggiornare l'intera pagina con ogni postback, il che migliora l'esperienza dell'utente.
Sintassi
- <asp: UpdatePanel ID = "UpdatePanel1" runat = "server">
</ Asp: UpdatePanel>
Osservazioni
Uno ScriptManager deve essere aggiunto alla pagina per far funzionare UpdatePanel.
Esempio di pannello di aggiornamento
Passaggio 1: aggiungi ScriptManager alla tua pagina
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
Passaggio 2: aggiungi UpdatePanel alla pagina subito dopo ScriptManager.
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate></ContentTemplate>
</asp:UpdatePanel>
Passo 3: Dopo aver aggiunto il contenuto al tuo modello di contenuto UpdatePanels la tua pagina aspx dovrebbe assomigliare a questa:
<%@ 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>
Passaggio 4: aggiungi questa parte alla tua pagina C #:
protected void Button1_Click(object sender, EventArgs e)
{
Label1.Text = "Refreshed at " +
DateTime.Now.ToString();
}
Passaggio 5: ora esegui la tua applicazione.
Risultato atteso:
Il contenuto del pannello cambia ogni volta che si fa clic sul pulsante, ma l'intera pagina non viene aggiornata. Per impostazione predefinita, la proprietà ChildrenAsTriggers di un controllo UpdatePanel è true. Quando questa proprietà è impostata su true, i controlli all'interno del pannello partecipano agli aggiornamenti della pagina parziale quando qualsiasi controllo nel pannello provoca un postback.