Visitatori: 2162

Nell'Articolo precedente abbiamo introdotto il concetto di flusso di navigazione tra le pagine Web di un'applicazione realizzata con Netbeans. Oggi realizzeremo un esempio altrettanto semplice che domostra come utilizzare una drop down list per far selezionare all'utente la pagina del Sito che vuole visualizzare.

A tale scopo possiamo creare una nuova Web Application (come visto nell'articolo precedente) o modificare la nostra WebApplication1 in modo da introdurre questa modifica. Noi abbiamo optato per questo seconda via, ma voi sentitevi liberi di scegliere l'opzione a voi più congeniale (se per esempio volete conservare tutti gli esempi che affronteremo in questo corso create una nuova applicazione denominata WebApplication2 oppure datele un nome significativo).

La prima cosa da fare è creare una nuova pagina (utilizzeremo la page1 per visualizzare la casella di scelta e poi avremo a disposizione altre due pagine, page2 e page3, da visualizzare.

Procediamo come di consueto e dall'albero di progetto selezioniamo Web Pages > New > Visual Web JSF Page..

Denominiamo la pagina page3 e apriamola in modalità design. A questo punto trasciniamo dalla paletta dei componenti uno static text e settiamo la proprietà text a "Benvenuto sulla pagina 3 del mio Sito!!!".

Ora torniamo alla page1 e apriamolo in modalità design. Trasciniamo dalla paletta degli strumenti uno "Static Text" e settiamo la sua proprietà text a "Seleziona la pagina Web da Visualizzare", quindi trasciniamo una drop down list che si trova sotto il collegamento (Hyperlink).

Infine aggiungiamo un Button e settiamo la sua proprietà text a "Vai".

Il Risultato che dovreste ottenere è qualcosa del genere:

Adesso premiamo il tasto destro del mouse sulla drop down list e selezioniamo tra le varie opzioni "Configure Default Options" come mostra la figura seguente:

Verrà visualizzata la seguente schermata:

In questa schermata è possibile settare gli elementi visualizzati dalla drop down list. Noi dobbiamo inserire le varie pagine del Sito Web (che in questo caso sono solo page2 e page3). Fate molta attenzione alla colonna Value, qui dovete riportare il nome esatto delle pagine ovvero page2 e page3, non lasciate spazi poichè utilizzeremo questo dato per richiamare la pagina opportuna (capirete meglio più avanti).

Manca solo l'ultimo passaggio: dobbiamo fare in modo che alla pressione del bottone l'utente venga reindirizzato alla pagina selezionata nella drop down list. Facciamo doppio click sul bottone per accedere alla sua action:

Sostituiamo a "return null" il seguente codice:

return (String) dropDown1.getValue();

Adesso mandiamo in esecuzione l'applicazione tramite il pulsante run . In automatico Netbeans avvierà il browser:

Selezioniamo per esempio la pagina 2:

Nel prossimo articolo vedremo come realizzare un'applicazione che si connette ad un database.

Lezione precedente | Indice degli articoli | Lezione successiva