Condividi tramite

Procedura dettagliata: controlli Extender ASP.NET AJAX

  • Articolo

Aggiornamento: novembre 2007

I controlli Extender ASP.NET AJAX migliorano le funzionalità client dei controller server Web ASP.NET, ad esempio i controlli TextBox, Button e Panel. I controlli Extender consentono agli utenti di sfruttare al meglio l'intercaccia basata sul Web. In questa procedura dettagliata verrà utilizzato un controllo Extender per migliorare le funzionalità di un controller server Web Button ASP.NET.

In Visual Studio è possibile aggiungere e utilizzare i controlli Extender ASP.NET AJAX esattamente come gli altri controlli. È possibile creare controlli Extender personalizzati o utilizzare quelli da altre origini.

Un'origine per i controlli Extender è l'ASP.NET AJAX Control Toolkit che fornisce esempi e un SDK per semplificare la creazione e il riutilizzo dei controlli personalizzati e dei controlli Extender. È possibile scaricare l'ASP.NET AJAX Control Toolkit dal sito Web ASP.NET AJAX Control Toolkit (informazioni in lingua inglese).

Nota importante:

L'ASP.NET AJAX Control Toolkit è una libreria supportata dalle community e non è supportata da Microsoft. In questo argomento vengono descritti i controlli Extender disponibili nell'ASP.NET AJAX Control Toolkit in modo da fornire un esempio pratico del loro utilizzo, non devono però essere considerati parte ufficiale di ASP.NET o controlli supportati.

Per ulteriori informazioni sui controlli Extender di Visual Studio 2008, vedere Cenni preliminari sui controlli Extender ASP.NET AJAX. Per ulteriori informazioni sull'ASP.NET AJAX Control Toolkit, visitare°il sito Web ASP.NET AJAX Control Toolkit (informazioni in lingua inglese).

Prerequisiti

Per completare questa procedura dettagliata, è necessario disporre dei seguenti elementi:

  • Visual Studio 2008°o°Microsoft Visual Web Developer Express Edition.

  • ASP.NET AJAX Control Toolkit. È possibile scaricare l'ASP.NET AJAX Control Toolkit dal sito Web ASP.NET AJAX Control Toolkit (informazioni in lingua inglese).

Creazione di un sito Web

Per iniziare verrà creato un sito Web ASP.NET con il supporto della funzionalità AJAX.

Per creare un sito Web di file system

  1. Aprire Visual Studio 2008°o°Microsoft Visual Web Developer Express Edition.

  2. Scegliere Nuovo sito Web dal menu File.

  3. Nella finestra di dialogo Nuovo sito Web fare clic su Sito Web ASP.NET in Modelli Visual Studio installati.

  4. Nella casella Percorso selezionare la casella di controllo File system, quindi immettere il nome della cartella in cui salvare le pagine del sito Web.

    Digitare, ad esempio, il nome cartella C:\WebSite1.

  5. Nell'elenco Linguaggio selezionare Visual Basic o Visual C#, quindi fare clic su OK.

    In visualizzazione Origine di Visual Studio°viene creata la cartella e viene visualizzata una nuova pagina Web denominata Default.aspx.

Aggiunta di un controllo Extender AJAX

Nell'ASP.NET AJAX Control Toolkit sono disponibili molti controlli Extender che possono essere utilizzati per migliorare le funzionalità client dei controlli server Web.

Nota:

Prima di aggiungere un controllo Extender a un controllo server come illustrato nella procedura descritta di seguito, è necessario installare l'ASP.NET AJAX Toolkit. È possibile scaricare l'ASP.NET AJAX Control Toolkit dal sito Web ASP.NET AJAX Control Toolkit (informazioni in lingua inglese).

Per aggiungere un controllo Extender AJAX

  1. Passare alla visualizzazione Progettazione.

  2. Se la pagina non contiene già un controllo ScriptManager, trascinarne uno nella pagina dalla scheda Estensioni AJAX della Casella degli strumenti.

    Nota:

    Il controllo ScriptManager è necessario per supportare le funzionalità AJAX.

  3. Dalla scheda Standard della Casella degli strumenti trascinare un controllo Button nella pagina.

  4. Se non viene visualizzato il menu di scelta rapida Attività di Button, fare clic con il pulsante destro del mouse sul controllo Button, quindi scegliere Mostra smart tag.

  5. Scegliere Aggiungi Extender dal menu Attività di Button.

  6. In Creazione guidata estensioni fare clic su ConfirmButtonExtender nell'elenco Scegliere la funzionalità da aggiungere a Button1, quindi fare clic su OK.

    Nota:

    È inoltre possibile aggiungere un controllo Extender trascinandolo direttamente dalla Casella degli strumenti nel controllo Button.

  7. Nella finestra Proprietà espandere la scheda Extender, quindi espandere Button1_ConfirmButtonExtender.

  8. Impostare la proprietà ConfirmText su Continue?.

Test del controllo Extender

È ora possibile eseguire la pagina e procedere al test del controllo Extender.

Per testare il controllo Extender

  1. Premere CTRL+F5 per eseguire la pagina nel browser.

  2. Fare clic sul pulsante aggiunto alla pagina.

    Viene visualizzata una finestra di messaggio di conferma che rappresenta il comportamento aggiunto dal controllo Extender.

  3. Chiudere il browser.

Rimozione di un controllo Extender AJAX

Se la funzionalità di un controllo Extender non è più necessaria, è possibile rimuovere il controllo Extender.

Per rimuovere un controllo Extender AJAX

  1. Passare alla visualizzazione Progettazione.

  2. Selezionare il controllo Button, quindi scegliere Rimuovi Extender dal menu Attività di Button.

  3. Nell'elenco Extender collegati a Button1 selezionare ConfirmButtonExtender.

  4. Fare clic su Rimuovi, quindi su OK.

Vedere anche

Concetti

Cenni preliminari sui controlli Extender ASP.NET AJAX