Discussion :

[grunt2000]

Bonjour,

J'éprouve un peu la capacité réelle de JSF 2.2 venu avec JEE 7 de se lier avec du HTML 5 ; j'en suis au début.

HTML 5 propose de nouveaux types champs de saisie qui permettent la saisie de dates ou de nombres, ce qui facilite la vie.
Mais comment les déclarer en JSF 2.2 ? L'aide rapide d'Eclipse ne me propose toujours qu'un <h:inputText> dépourvu d'un attribut type qui me permettrait de le caractériser mieux.

Mes essais me font aller vers :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="number" jsf:id="a" jsf:value="#{essai.a}"></input><h:outputText value=" + "/>

avec un :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 xmlns:jsf="http://java.sun.com/jsf"

à placer en supplément dans le namespace,
m'enfin, c'est pas du <h: >, quoi... !
(EDIT : et j'ajoute que ça ne marche pas...)

Comment dans les faits JSF 2.2 donne t-il corps aux nouvelles capacités de HTML 5 ?

Merci !

Grunt.

[joel.drigo]

Salut,

Utilises :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
      xmlns:h="http://xmlns.jcp.org/jsf/html"
 
      xmlns:p="http://xmlns.jcp.org/jsf/passthrough"

The Java EE 7 Tutorial / HTML5 Friendly Markup

Des exemples et commentaires ici.

[grunt2000]

J'y suis parvenu, je te remercie.

Cet essai en JSF 2.2 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<h:form id="uneAddition" prependId="false">
   <p>Entrez deux nombre pour les additionner : </p>
   <input type="number" jsf:id="a" jsf:value="#{essai.a}"></input><h:outputText value=" + "/>
   <h:inputText id="b" ps:type="number" value='${essai.b}' /><h:outputText value=" = "/><h:outputText id="resultat" value='${essai.resultat}' />
   <h:commandButton value="Additionner" action="${essai.addition()}" />
</h:form>

produit bien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<input id="a" name="a" value="a" type="number" /> + 
<input id="b" name="b" value="nn" type="number" /> = 
<span id="resultat">0</span><input type="submit" name="j_idt5" value="Additionner" />

Mais curieusement, Firefox ne bloque pas la saisie des lettres et si j'en saisis, je prend ces messages "pur validateur JSF" dans la figure :
a : «a» doit être un nombre composé d’un ou de plusieurs chiffres.
b : «nn» doit être un nombre composé d’un ou de plusieurs chiffres.

Je m'attendais à ce que ce soit fait bien avant d'y arriver !
À quoi ça sert de lui dire à Firefox "c'est un champ nombre.", si c'est pour qu'il autorise des lettres à y aller, et qu'il faille faire tout le contrôle soi-même comme si c'était un champ texte ? Là, JSF n'y est plus pour rien...
À moins que ce soit JSF qui fasse la validation en pré-submit via Javascript / Ajax et dans ce cas, je suis dans un mode ceinture et bretelles ?

[tchize_]

input type number n'est pas encore supporté par firefox


https://bugzilla.mozilla.org/show_bug.cgi?id=344616

https://developer.mozilla.org/en-US/...lement%2FInput


LE HTML5 n'étant pour le moment qu'un draft, de toutes façon, aucun browser ne peux prétendre l'implémenter

[grunt2000]

Eh oui, en effet...
Je pensais que depuis le temps qu'elle était en draft la spécification ils étaient arrivés au bout, mais non : la 5ème révision majeure date d'Août 2013 : quel chantier ça va être ce truc là ! Effectivement, les implémentations ne peuvent pas être justes sur les browsers, mais leurs éditeurs ne s'y mettent pas trop tôt pour essayer de se conformer à ce qu'ils savent que sera la future norme.

En attendant, je peux mettre avec plaisir un Résolu sur ce fil, et et je vais poursuivre mes expérimentations avec ce fonctionne déjà d'HTML 5.

Bonne fin de week-end !