Positionnement des messages d'erreur

Version imprimable

25/05/2011, 23h51
mesken

Positionnement des messages d'erreur

Par défaut, lorsque j'ajoute la balise <h:message après une zone de texte, un vide est créé prêt à recevoir le message d'erreur, et si je le fait pour toutes mes zones de texte, ce ne sera pas du tout beau. Je voudrais réservé un seul espace au coin de page où j'affiche les messages d'erreur dans une div.

je ne sais pas comment y parvenir

merci
26/05/2011, 05h03
Nesmontou

Bonjour,

Tu as essayé avec h:messages ? http://javaweb.developpez.com/faq/js...SANTS_messages
26/05/2011, 13h21
clubist

Si vous aurez la possibilité de travailler avec richFaces, vous pouvez ajouter <rich:messages> dans ton div et les messages d'erreur s'affichent ensemble dans cette div.
26/05/2011, 22h28
mesken
Effectivement, j'utilise messages, avec PrimeFaces <p:messages c'est possible de placer l'ensemble des messages dans une div. Mais j'ai deux petits problèmes.

1) Je ne veux pas les messages systèmes, je veux mes messages personnalisés et pour avoir un message personnalisé, il faut une balise message unique à chaque champs. Les messages personnalisés me permettent d'être plus précis et de gérer l'internationalisation

2) J'ai par exemple un composant PrimeFaces <p:growl http://www.primefaces.org/showcase-labs/ui/growl.jsf que je trouve interressant pour l'affichage de mes messages d'erreur. Pour cela, il faudrait que je récupère mes messages dans un Bean et que je les passe à ce composant

3) Avec le 2) est ce à dire qu'il faudra gérer tout mes validateurs au niveau des Bean ? Si par exemple je veux tester si des champs sont vides, vais-je faire des
Code:

1 2 if((nom.length()==0) || (prenom.length()==0) || (age==0)) return "Entrer les champs obligatoires, précédés par des étoiles";
???????
Si oui, il faudra que toutes mes proprités soient initialisées au vide, si non je recevrait une exception, NPE, c'est à dire il faudra faire

Code:

String nom=""; String prenom=""; int age=0;

Merci.
27/05/2011, 00h16
tchize_

un message vide ne devrait rien générer comme balise coté client (c'est d'ailleurs pour ça qu'avec JSF on est obligé de les entourer d'un panel pour pouvoir les mettres à jour par ajax). Quelle est le code html généré par vos messages vides?? Quel est la source JSF de cette partie?

Ok, peut-etre il y a quelque chose que je ne fais pas bien. Voici mon code il es très simple:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!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"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
 
<h:head></h:head>
 
<h:body>
 
	<h:form>
 
	<h:panelGrid columns="4">
		<h:inputText id="nom" value="#{controlCustomer.cust.nom}" required="true" requiredMessage="Entrer le nom SVP"/>
		<h:message for="nom" />
 
		<h:inputText id="prenom" value="#{controlCustomer.cust.prenom}" required="true" 
		requiredMessage="Entrer le prénom SVP" validatorMessage="Inférieur à 13 caractère"> 
			<f:validateLength minimum="13"/>
		</h:inputText>
		<h:message for="prenom" />
 
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
 
		<h:button value="Save Data"/>
 
	  </h:panelGrid>
 
</h:form>
 
</h:body>
 
 
</html>

Et en plus les messages d'erreur ne s'affichent même pas. Je pensais que le seul fait d'envoyé le formulaire permettrait d'afficher les messages d'erreur, il y a t-il autre chose a faire ?

Merci

c'est le panelGrid qui fait que ça occupe une place, le panelGrid mettant exactement un composant par case. Regroupez, par exemple, le input et le message:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
	<h:panelGrid columns="4">
                <h:panelGroup>
		<h:inputText id="nom" value="#{controlCustomer.cust.nom}" required="true" requiredMessage="Entrer le nom SVP"/>
		<h:message for="nom" />
		</h:panelGroup>
                <h:panelGroup>
		<h:inputText id="prenom" value="#{controlCustomer.cust.prenom}" required="true" 
		requiredMessage="Entrer le prénom SVP" validatorMessage="Inférieur à 13 caractère"> 
			<f:validateLength minimum="13"/>
		</h:inputText>
		<h:message for="prenom" />
                </h:panelGroup>

Ou, pour mettre tous les message dans une même case du panelgrid (cf votre demande à l'origine)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
	<h:panelGrid columns="4">
		<h:inputText id="nom" value="#{controlCustomer.cust.nom}" required="true" requiredMessage="Entrer le nom SVP"/>
 
		<h:inputText id="prenom" value="#{controlCustomer.cust.prenom}" required="true" 
		requiredMessage="Entrer le prénom SVP" validatorMessage="Inférieur à 13 caractère"> 
			<f:validateLength minimum="13"/>
		</h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
		<h:inputText></h:inputText>
 
                <h:panelGroup>
			<h:message for="nom" />
			<h:message for="prenom" />
                        <!-- etc -->
		</h:panelGroup>			
		<h:button value="Save Data"/>
 
	  </h:panelGrid>

27/05/2011, 11h11
mesken

Ouai, merci ça s'affiche très bien maintenant, sans décalage *

Et quant aux messages d'erreur qui ne s'affichent pas. Je pensais que le seul fait d'envoyer le formulaire permettrait d'afficher les messages d'erreur, il y a t-il autre chose a faire pour que les messages s'affichent ?
28/05/2011, 19h32
mesken

Comment faire pour que les messages d'erreur s'affichent après envoie du formulaire ? Je pensais que c'était automatique
29/05/2011, 00h18
tchize_

rajoutez à <h:messages/> pour voir si vous n'avez pas une erreur plus tot dans la validation qui ne serait pas liée à un composant ;)