JSF - h: commandeButton

La balise h: commandButton restitue un élément d'entrée HTML du type "submit".

Balise JSF

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

Sortie rendue

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

Attributs de balise

S. Non	Attribut et description
1	id Identifiant d'un composant
2	rendered Un booléen; false supprime le rendu
3	value La valeur d'un composant, généralement une liaison de valeur
4	valueChangeListener Une méthode qui se lie à une méthode qui répond aux changements de valeur
5	coords Coordonnées d'un élément dont la forme est un rectangle, un cercle ou un polygone
6	dir Direction du texte. Les valeurs valides sontltr (de gauche à droite) et rtl (de droite à gauche)
sept	disabled État désactivé d'un élément d'entrée ou d'un bouton
8	tabindex Valeur numérique spécifiant un index de tabulation
9	target Le nom d'un cadre dans lequel un document est ouvert
dix	title Un titre, utilisé pour l'accessibilité, qui décrit un élément. Les navigateurs visuels créent généralement des info-bulles pour la valeur du titre
11	width Largeur d'un élément
12	onblur L'élément perd le focus
13	onchange Changements de valeur de l'élément
14	onclick Le bouton de la souris est cliqué sur l'élément
15	ondblclick Le bouton de la souris est double-cliqué sur l'élément
16	onfocus L'élément reçoit le focus
17	onkeydown La touche est enfoncée
18	onkeypress La touche est enfoncée puis relâchée
19	onkeyup La clé est libérée
20	onmousedown Le bouton de la souris est enfoncé sur l'élément
21	onmousemove La souris se déplace sur l'élément
22	onmouseout La souris quitte la zone de l'élément
23	onmouseover La souris se déplace sur un élément
24	onmouseup Le bouton de la souris est relâché
25	onreset Le formulaire est réinitialisé
26	onselect Le texte est sélectionné dans un champ de saisie

Exemple d'application

Créons une application JSF de test pour tester la balise ci-dessus.

Étape	La description
1	Créez un projet avec un nom helloworld sous un package com.tutorialspoint.test comme expliqué dans le chapitre JSF - Première application .
2	Modifiez home.xhtml comme expliqué ci-dessous. Gardez le reste des fichiers inchangé.
3	Compilez et exécutez l'application pour vous assurer que la logique métier fonctionne conformément aux exigences.
4	Enfin, créez l'application sous la forme d'un fichier war et déployez-la dans Apache Tomcat Webserver.
5	Lancez votre application Web en utilisant l'URL appropriée, comme expliqué ci-dessous à la dernière étape.

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>

Une fois que vous êtes prêt avec tous les changements effectués, laissez-nous compiler et exécuter l'application comme nous l'avons fait dans le chapitre JSF - Première application. Si tout va bien avec votre application, cela produira le résultat suivant.