JSF - h: commandButton

Il tag h: commandButton restituisce un elemento di input HTML del tipo "submit".

Tag JSF

<h:commandButton value = "Click Me!" onclick = "alert('Hello World!');" />

Output renderizzato

<input type = "submit" name = "j_idt10:j_idt13" value = "Click Me!" 
   onclick = "alert('Hello World!');" />

Attributi dei tag

S.No	Attributo e descrizione
1	id Identificatore di un componente
2	rendered Un booleano; false sopprime il rendering
3	value Il valore di un componente, in genere un'associazione di valori
4	valueChangeListener Un metodo che si lega a un metodo che risponde alle modifiche del valore
5	coords Coordinate per un elemento la cui forma è un rettangolo, un cerchio o un poligono
6	dir Direzione per il testo. I valori validi sonoltr (da sinistra a destra) e rtl (da destra a sinistra)
7	disabled Stato disabilitato di un elemento o pulsante di input
8	tabindex Valore numerico che specifica un indice di tabulazione
9	target Il nome di un frame in cui viene aperto un documento
10	title Un titolo, utilizzato per l'accessibilità, che descrive un elemento. I browser visivi in genere creano suggerimenti per il valore del titolo
11	width Larghezza di un elemento
12	onblur L'elemento perde la concentrazione
13	onchange Il valore dell'elemento cambia
14	onclick Si fa clic sul pulsante del mouse sull'elemento
15	ondblclick Si fa doppio clic sul pulsante del mouse sull'elemento
16	onfocus L'elemento riceve il fuoco
17	onkeydown Viene premuto il tasto
18	onkeypress Il tasto viene premuto e successivamente rilasciato
19	onkeyup La chiave viene rilasciata
20	onmousedown Il pulsante del mouse viene premuto sull'elemento
21	onmousemove Il mouse si sposta sull'elemento
22	onmouseout Il mouse lascia l'area dell'elemento
23	onmouseover Il mouse si sposta su un elemento
24	onmouseup Il pulsante del mouse viene rilasciato
25	onreset Il modulo viene ripristinato
26	onselect Il testo viene selezionato in un campo di immissione

Applicazione di esempio

Creiamo un'applicazione JSF di prova per testare il tag precedente.

Passo	Descrizione
1	Creare un progetto con un nome helloworld sotto un pacchetto com.tutorialspoint.test come spiegato nel capitolo JSF - Prima applicazione .
2	Modifica home.xhtml come spiegato di seguito. Mantieni invariato il resto dei file.
3	Compilare ed eseguire l'applicazione per assicurarsi che la logica aziendale funzioni secondo i requisiti.
4	Infine, crea l'applicazione sotto forma di file war e distribuiscila in Apache Tomcat Webserver.
5	Avvia la tua applicazione web utilizzando l'URL appropriato come spiegato di seguito nell'ultimo passaggio.

home.xhtml

<!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>
      <title>JSF Tutorial!</title>
   </head>
   
   <body>
      <h2>h:commandButton example</h2>
      <hr />
      
      <h:form>
         <h:commandButton value = "Click Me!" onclick = "alert('Hello World!');" />
      </h:form>
   </body>
</html>

Una volta che sei pronto con tutte le modifiche apportate, compiliamo ed eseguiamo l'applicazione come abbiamo fatto nel capitolo JSF - Prima applicazione. Se tutto va bene con la tua applicazione, questo produrrà il seguente risultato.