Come utilizzare i pulsanti di conferma con ASP

October 22

Come utilizzare i pulsanti di conferma con ASP


ultima incarnazione di Microsoft del suo linguaggio di programmazione ASP è ASP.NET. Gli sviluppatori Web utilizzano ASP.NET per creare siti web interattivi che hanno funzionalità client e server. funzionalità del server avviene su un server Web, e l'attività del cliente avviene nel browser di un utente. Quando un utente fa clic su un pulsante di ASP, il browser esegue un'azione. Questa azione potrebbe essere una delezione di file o un reindirizzamento a un'altra pagina Web. Interrompendo questo processo e la visualizzazione di una finestra di conferma, è possibile dare agli utenti la possibilità di annullare le operazioni se cambiano le loro menti.

istruzione

1 Aprire Visual Studio.NET e fare clic su "File".

2 Selezionare "Nuovo sito", quindi fare doppio clic su "Sito Web ASP.NET" per creare un nuovo progetto di sito web. Visual Studio metterà i file di progetto in Esplora soluzioni sul lato destro della finestra.

3 Individuare "Default.aspx" nella soluzione Explorer.

4 Fare doppio clic su "Default.axpx." Il codice del file verrà visualizzato nella finestra di modifica.

5 Fare clic sul pulsante "Design" nella parte inferiore della finestra per passare alla visualizzazione progettazione. In questa vista, è possibile visualizzare la pagina Web come apparirà in un browser.

6 Fai clic su "Visualizza" e selezionare "Toolbox". Fare doppio clic su "Label". Visual Studio verrà aggiungere un'etichetta alla pagina.

7 Torna alla casella degli strumenti e fare doppio clic su "Pulsante". Un pulsante apparirà nella pagina accanto all'etichetta. Fare doppio clic su tale pulsante. Visual Studio crea un gestore di eventi e visualizzarne il codice nell'editor. Il codice sarà simile a questa:

protected void Button1_Click (object sender, EventArgs e)

{

this.Label1.Text = "Pulsante Processing Click";

}

Questo codice imposta il testo dell'etichetta di "Pulsante Processing Click" quando si fa clic sul pulsante.

8 Rientro in Esplora soluzioni sul lato destro della finestra e fare doppio clic su "Default.aspx." Fare clic sulla scheda "Source" nella parte inferiore della finestra per visualizzare il codice sorgente del file.

9 Individuare questa riga di codice nella finestra di modifica:

<Asp: Button ID = "Button1" runat = "server" onclick = "Button1_Click" Text = "Button" />

Questo codice crea il pulsante.

10 Modificare il codice in modo che assomiglia a questo:

<Asp: Button ID = "Button1" runat = "server" onclick = "Button1_Click" Text = "Button"

OnClientClick = "conferma il ritorno ( 'Continuare con questa operazione?');" />

Il codice è lo stesso, tranne per il "OnClientClick" proprietà aggiunto alla fine della linea. Questa struttura fa sì che il browser per aprire una finestra JavaScript "conferma" quando si fa clic sul pulsante.

11 Premere il tasto "F5" per eseguire il progetto. Il browser si apre e visualizza l'etichetta e il pulsante. Fare clic sul pulsante accanto all'etichetta. Una finestra pop-up si apre e visualizza "Continua con questa operazione?" Si mostrerà anche due pulsanti di conferma etichettati "Sì" e "No"

12 Fare clic sul pulsante di conferma "No". La finestra di conferma si chiude e non accadrà nulla. Questo si verifica perché è stata annullata la posta al server Web rispondendo "No" nella finestra di conferma.

13 Fare di nuovo clic sul pulsante accanto all'etichetta. La finestra di conferma riaprirà. Fare clic sul pulsante "Sì" conferma questa volta. Il browser continuerà e inviare una richiesta al server. Il server quindi inviare una risposta e causare il codice nel gestore di eventi per l'esecuzione. Questo codice imposterà il contenuto dell'etichetta di "Elaborazione clic del pulsante."


Articoli Correlati