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.



Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow