TOC

Exemple de bouton JSF 2 et de bouton de commande

Exemple de bouton et de bouton de commande JSF 2

Dans JSF 2.0, les balises<h:button /> et<h:commandButton /> sont utilisées pour rendre l'élément d'entrée HTML de type bouton, avec un mécanisme différent pour gérer la navigation.

1. Exemple JSF h: commandButton

La balise «h:commandButton» est publiée depuis JSF 1.x, vous pouvez déclarer le bean, qui renvoie le résultat de la navigation dans l'attribut «action». Si le navigateur est désactivé avec JavaScript, la navigation fonctionne toujours, car la navigation est gérée via la publication de formulaire.

1. Bouton de soumission 

//JSF


//HTML output

2. Bouton de réinitialisation 

//JSF


//HTML output

3. Bouton normal 

//JSF


//HTML output

4. Bouton normal avec événement onclick 

//JSF


//HTML output

2. JSF h: exemple de bouton

Le «h:button» est une nouvelle balise dans JSF 2.0, vous pouvez déclarer le résultat de la navigation directement dans l'attribut «outcome», pas besoin d'appeler un bean pour renvoyer un résultat comme «h: commandButton» au dessus de. Mais, si le navigateur est avec JavaScript désactivé, la navigation échouera, car la balise "h:button" génère un événement "onclick" pour gérer la navigation via "window.location.href". Voir des exemples:

1. Bouton normal sans résultat 

//JSF


//HTML output

P.S if the outcome attribute is omitted, the current page URL will treat as the outcome.

2. Bouton normal avec un résultat 

//JSF


//HTML output

3. Bouton normal avec JavaScript. 

//JSF


//HTML output

My thought…
Je ne sais pas vraiment pourquoi JSF 2.0 a publié cette balise «h:button», la redirection JavaScript n'est pas pratique, en particulier dans le navigateur JavaScript désactivé. Le mieux est d'intégrer l'attribut «outcome» dans la balise «h:commandButton», j'espère que cela pourra être fait dans la prochaine version.

Télécharger le code source

Téléchargez-le -JSF-2-Button-CommandButton-Example.zip (10 Ko)

Référence

  1. JSF JavaDoc

  2. JSF JavaDoc

Related