[RichFaces] Modal Panel , gestion des erreurs

Version imprimable

Voir 40 message(s) de cette discussion en une page

Voici le code complet de ma jsp :

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<f:view>
	<html>
	<head>
	<title>Save a new book</title>
 
	</head>
	<body>
	<rich:tabPanel>
		<rich:tab label="Save Book">
			<h:form id="myForm">
				<rich:modalPanel id="mp" width="350" height="100"
					showWhenRendered="#{facesContext.maximumSeverity!=null}">
					<f:facet name="header">
						<h:panelGroup>
							<h:outputText value="Modal Panel"></h:outputText>
						</h:panelGroup>
					</f:facet>
					<f:facet name="controls">
						<h:panelGroup>
							<h:graphicImage value="/images/modal/close.png"
								style="cursor:pointer" id="hidelink" />
							<rich:componentControl for="mp" attachTo="hidelink"
								operation="hide" event="onclick" />
						</h:panelGroup>
					</f:facet>
					<rich:messages />
				</rich:modalPanel>
				<rich:panel style="width=50%">
					<f:facet name="header">
						<h:outputText value="Save a new book"></h:outputText>
					</f:facet>
					<h:panelGrid columns="2">
						<h:outputText value="ISBN:" />
						<h:inputText id="isbn" required="true"
							value="#{manageBook.book.isbn}">
						</h:inputText>
						<h:outputText value="Title:" />
						<h:inputText id="title" value="#{manageBook.book.titre}">
						</h:inputText>
						<h:outputText value="Author:" />
						<h:inputText id="auteur" value="#{manageBook.book.auteur}">
						</h:inputText>
						<h:outputText value="Price:" />
						<h:inputText id="prix" value="#{manageBook.book.prix}">
						</h:inputText>
						<a4j:commandButton value="Validate"
							action="#{manageBook.saveBook}"
							oncomplete="Richfaces.showModalPanel('myForm:mp');" />
					</h:panelGrid>
					<rich:comboBox defaultLabel="Enter some value">
						<f:selectItem itemValue="suggestion 1" />
						<f:selectItem itemValue="suggestion 2" />
						<f:selectItem itemValue="suggestion 3" />
						<f:selectItem itemValue="suggestion 4" />
						<f:selectItem itemValue="suggestion 5" />
					</rich:comboBox>
				</rich:panel>
			</h:form>
		</rich:tab>
		<rich:tab label="Save User">
		</rich:tab>
		<rich:tab label="Third" disabled="true">
		</rich:tab>
	</rich:tabPanel>
	</body>
	</html>
</f:view>

Y'a surement une bétise quelque part, une form mal placée ou que sais-je que je vois pas.

J'ai essayé une fonction qui me retourne si il y a des erreurs dans le FacesContext. Lorsque j'arrive dans ma méthode saveBook() (et que donc pas d'erreur avec le required=true) il m'indique qu'il n'y a aucune autre erreur dans le context.

18/09/2008, 09h29
Sniper37

le modalPanel il fa ut le mettre en dehors du formulaire, juste après le <body>
par exemple.
et le rich:message ajoute showDetails et showSummary..
18/09/2008, 09h38
Jexou

J'ai bien mis mon modalPanel en dehors du form, après le body.

J'ai rajouté le showSummary et le showDetail.

Ce qui me donne lorsque je ne remplis pas le champs isbn : myForm:isbn: Erreur de validation: Valeur requise.myForm:isbn: Erreur de validation: Valeur requise.

Mais lorsque je le rempli, comme toujours : une modalPanel vide

Quoiqu'il arrive, dès que j'appuye sur le bouton validate, il affiche la modalPanel sans tenir compte du fait de la présence ou non de messages d'erreurs.
18/09/2008, 09h53
Sniper37

- quelle est ta version de richfaces?
-ça donne quoi

Code:

<h:outputText value="#{facesContext.maximumSeverity}" />

-tu peux utiliser un biding et faire une fonction dans ton bean vérifier s'il n'ya pas de message et retourner true ou false.

- showWhenRendered="false" elle ne s'ouvre pas la popup ..j'espere.:lol:.

- essaye de mettre <h:commandButton/> au lieu de a4j avec un a4j:support sur l'evenement onclick..
18/09/2008, 10h25
Jexou
:yaisse2::yaisse2:

Bon, après ton messages, je me suis dis "si ça marche pas, je laisse tomber"

Pour répondre à tes questions, je suis sur RichFaces 3.2.2 (et c'est peut-être ça le problème, après je vais essayer avec 3.2.0)

Concernant le output du maximumSeverity, figure toi que ça n'affichait rien :s

Le binding avec une fonction, j'avais déjà utilisé ce procédé, et ça n'avait rien donné. J'ai donc réessayé avec ma modal en dehors de mon formulaire et comme tu peux t'en douter...ça marchait toujours pas.

Pire !!!

Code:

- showWhenRendered="false" elle ne s'ouvre pas la popup ..j'espere..

Et bien non ! Elle s'ouvrait quand même !! Donc ta dernière solution me semblait logique : c'est le a4j:commandButton qui merde un peu. Je ne connaissais pas le a4j:support (je débute avec richfaces), mais j'ai vite changé mon bouton en :
Code:

1 2 3 <h:commandButton value="Validate" action="#{manageBook.saveBook}"> <a4j:support oncomplete="Richfaces.showModalPanel('mp');"/> </h:commandButton>
Hop, un restart du serveur et que vois-je :

mon output maximumSeverity marche (bizarre car après cette 1er modification j'ai bien tout rechargé pour être sur). Mais en plus...mon modalPanel réagit correctement :) :yaisse2:

Ce fut fastidieux :aie:

En tout cas, un grand merci à toi, je n'aurais jamais pensé a utiliser le a4j:support. Je vais quand même sauvegarder cette page, et essayer avec les RichFaces 3.2.0 pour voir. J'éditerai ce message pour le résultat avec cette version.

Edit :

Test avec version 3.2.1 , 3.2.0 et 3.1.6 -> même bug.

Quelle est ta version de RichFace que j'essaye? (pour voir si c'est un bug de version, ou alors chez moi (et il est très bien caché xD)
18/09/2008, 10h58
Sniper37

je suis avec la 3.2.2.GA, la dernière release et je n'ai pas constaté de régression du modalPanel.

il faut faire attention avec le <a4j:commandButton/> je ne sais pas si tu fais la navigation avec, mais il est censé faire que la mise à jour partiel ou total de la page..
la navigation ne se fait pas avec les composants de control a4j.

tu peux enfin remettre le post :resolu: ;)
18/09/2008, 11h26
Jexou

Je ferai attention les prochaines fois en tout cas ^^

Allez hop, résolu :)
30/04/2009, 10h55
davidovitch

Pour ajouter une pierre à l'édifice, j'ai eu EXACTEMENT le même soucis ce matin !
Sauf que moi, c'étai sur un a4j:commandLink qui commandait une suppresion. Je l'ai remplacé par un h:commandlink et son a4j:support et ça fonctionne.

Merci :)
07/01/2010, 10h15
djalouk

Dans mon appli, j'ai des modal panel avec des formulaires où il y a du contrôle de surface, des champs obligatoires etc... Pour que les messages d'erreur s'affichent correctement, j'utilise un <h:commandButton /> pour la validation et la technique suggérée ci-dessous :

Citation:

Envoyé par Sniper37

tu peux utiliser le parametre showWhenRendered, pour des erreurs de validations ou de conversion:

Code:

showWhenRendered="#{facesContext.maximumSeverity !=null}"

et

Code:

<rich:messages/> ou <h:messages />

dans le modalPanel

Le souci est que dans certaines vues, j'inclus plusieurs modal panel et donc lorsque j'ai une erreur, cela affiche les autres modal panel inclus dans ma page, forcément, elles ont toutes la même condition - #{facesContext.maximumSeverity !=null}.

J'ai donc ajouté un booléen pour chacune de ces modal afin d'avoir des conditions uniques, mais c'est lourd car il faut gérer n booléens, positionner les autres à false quand on ouvre une modal etc...

Je cherche donc une meilleure solution pour bien rafraichir mon formulaire afin que les messages s'affichent sans fermer la modal. Il me semble avoir essayé un <a4j:commandButton /> et un reRender mais ça ne fonctionne pas...

A vos idées. Merci !

Voir 40 message(s) de cette discussion en une page