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.