Discussion :

[sal.gass]

salut pour tous,

J'ai un problème que j'ai pas trouvé une solution adéquate.
Je veux ouvrier une modelPanel à partir d'un MenuItem.
pour bien présenter le sujet voila ce que je traite :

j'ai une liste, le dernier colonne pour les actions , edit, show ...
les actions se présente dans un menu.

le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<rich:dropDownMenu id="actionButton" direction="top-left"
value="#{i18n.btn_actions}" styleClass="btnAction" jointPoint="tl">
 
<rich:menuItem value="Modifé valeaur"
  id="editMenuItem"
icon="#{a4jSkin.nameSkin}/images/edit16.png"
action="#{monBean.getSelectedObject}" >
<f:setPropertyActionListener value="#{item}"
	target="#{monBean.currentObject}" />
 
<rich:componentControl for="editPanel"
attachTo="editObjectMenuItem" operation="show" event="onclick"  />
</rich:menuItem>

puis dans le model panel j'utilise

Code :

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

<h:inputText value="#{monBean.currentObject.id}" />

Avec ce code la solution qui marche jusqu'à maintenant c'est avec un action dans le bean je récupère l'id avec <f:param> du colonne sélectionnée puis je récupére l'objet dans l'action et pour afficher le model panel j'utilise l'attribut
showWhenRendered="#{monBean.flag}"
du model panel, qui est égale à true à l'exécution de l'action.

mais cette solution n'est pas professionnel, car l'action su MenuItem doit etre exécuter pour afficher le Modelpanel donc il y a relaod (Actualisation ) de la page web.
c'est pas le cas, car le model panel doit etre affichier dés le clic sur le menuItem.

1) J'ai utilisé avec oncomplete="javascript:Richfaces.showModalPanel('editPanel');"
et <f:setpropertyaction > le probleme c'est que les valeurs à editer ne s'affiche pas dans le model panel, car il faut qu'une action qui va etre executer pour passer les valeur avec <f:setpropertyaction >

2) Avec componentControle ne marche pas aussi, le probleme d'affichage du modelpanel il faut mettre l'attribut submitMode="none" pour afficher le model panel, donc aucune balise de passage de parametre ne marche, aussi aucun action.

Comment j'utilise <a4j:keepAlive beanName="nom_de_ton_bean" />

Est ce que avec cette balise j'en sort du problème.
--------------------------------------------------------------------
Si je garde la première solution c'est à dire utilisation de :

showWhenRendered="#{monBean.flag}"
du model panel qui est met le falg = true dans l'action de récupération de l'objet courant du menuItem.

Bon, à travers cette méthode , comment je peut rendre ce falg à false après la fermeture de modelPanel, car il devient true après l'action de menuItem pour qui'il s'affiche.
Mais le model panel s'affiche apès chaque action.(flag = True)

Comment je le passe à false après la fermeture du model panel ?

Merci d'avance.

[Sniper37]

Avec ce code la solution qui marche jusqu'à maintenant c'est avec un action dans le bean je récupère l'id avec <f:param> du colonne sélectionnée puis je récupére l'objet dans l'action et pour afficher le model panel j'utilise l'attribut
showWhenRendered="#{monBean.flag}"
du model panel, qui est égale à true à l'exécution de l'action.

mais cette solution n'est pas professionnel, car l'action su MenuItem doit etre exécuter pour afficher le Modelpanel donc il y a relaod (Actualisation ) de la page web.
c'est pas le cas, car le model panel doit etre affichier dés le clic sur le menuItem.

1) J'ai utilisé avec oncomplete="javascript:Richfaces.showModalPanel('editPanel');"
et <f:setpropertyaction > le probleme c'est que les valeurs à editer ne s'affiche pas dans le model panel, car il faut qu'une action qui va etre executer pour passer les valeur avec <f:setpropertyaction >

Peux tu expliquer plus en détails, tu parle de quelle colonne, c'est dans une dataTable...?? il est où le code..?

Comment j'utilise <a4j:keepAlive beanName="nom_de_ton_bean" />

Est ce que avec cette balise j'en sort du problème.

L'intérêt de keepAlive est de garder un bean qui est dans un scope request valide pendant des requêtes ajax, si ton bean est en session ça n'a aucune utilité.

--------------------------------------------------------------------
Si je garde la première solution c'est à dire utilisation de :

showWhenRendered="#{monBean.flag}"
du model panel qui est met le falg = true dans l'action de récupération de l'objet courant du menuItem.

Bon, à travers cette méthode , comment je peut rendre ce falg à false après la fermeture de modelPanel, car il devient true après l'action de menuItem pour qui'il s'affiche.
Mais le model panel s'affiche apès chaque action.(flag = True)

Comment je le passe à false après la fermeture du model panel ?

Merci d'avance.

C'est possible de changer la valeur lors de la fermeture, avec a4j:support et/ou a4j:actionparam, et/ou l'attribut actionListener du composant de commande qui ferme la modalPanel.

[sal.gass]

Merci Sniper37 pour votre rèponse,

j'explique plus en détaille :

les action se fond dans le dernier colonne du data table voila le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<rich:dataTable binding="#{monBean.dataTable}"
	id="maListDataTable" width="100%" rowClasses="even-row,odd-row"
	onRowMouseOver="jQuery(this).addClass('active-row')"
	onRowMouseOut="jQuery(this).removeClass('active-row')">
 
<!--  colonnes à afficher -->
<!--  Le dernier colone -->
 
<rich:column id="column6" style="text-align:left">
<rich:dropDownMenu id="actionButton" direction="top-left"
						value="#{i18n.btn_actions}" styleClass="btnAction" jointPoint="tl">
 
<rich:menuItem value="#{i18n.listGammes_Actions_modifier_Gamme}"
id="listGammes_btn_edit"
icon="#{a4jSkin.nameSkin}/images/edit16.png" submitMode="Ajax"
							oncomplete="javascript:Richfaces.showModalPanel('editPanel');">
 
<f:param name="idGamme" value="#{item.id}" />
 
</rich:menuItem>

dans le model Panel

Code :

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

<h:inputText value="#{monBean.currentObject.id}" />

c'est ça le code j'ai essayé tous comme j'ai dit mais pas de solution sauf la dernier.

Est ce qu'il y a autre solution d'ouverture de mon modelpanel d'edit ?

Merci;
----------------------------------------------------------------
j'ai pas un composant pour la fermeture du model panel je le ferme par :

Code :

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

1
2
3
4
5
6
7
8
9
 
<f:facet name="controls">
<h:panelGroup>
<h:graphicImage value="#{a4jSkin.nameSkin}/images/croix.png"
style="cursor:pointer" id="hidelink2" />
<rich:componentControl for="editPanel" attachTo="hidelink2"
		operation="hide" event="onclick" />
</h:panelGroup>
</f:facet>

µEst ce que vous pouvez expliquer de plus comment j'utilise a4j:support et/ou a4j:actionparam, je ne les connais pas.

Merci d'avance.

[Sniper37]

le problème ce n'est ps l'ouverture ou la fermeture du madalPanel, si je comprend bien ..
le problème c'est de récupérer la ligne courante de la dataTable, tu peux ajouter au menu une actionListener et regarde la réponse d'un problème similaire.

pour a4j:support et a4j:actionparam, ils sont pas mal important dans Richfaces, il faut lire la doc..le code doit ressembler à ça..mais, je ne pense pas que c'est utile dans ton cas.

Code :

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

1
2
3
4
5
6
7
 
<h:graphicImage value="#{a4jSkin.nameSkin}/images/croix.png"
style="cursor:pointer" id="hidelink2" >
<a4j:support event="onclick">
<a4j:actionparam name="flag" value="#{!bean.flag}" assignTo="#{bean.flag}"/>
</a4j:support> 
</h:graphicImage>

[sal.gass]

je vous remercie Sniper37, c'est bien ça, le problème c'est le passage des paramètre de la ligne sélectionné au modelPanel.

je vais essayé,

Mais j'ai des questions :

ActionEvent c'est de java.awt.event ou bien de javax.facet.event ,

je met quoi dans le xhtml ?

Code :

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

1
2
3
4
5
6
<rich:menuItem value="#{i18n.listGammes_Actions_modifier_Gamme}"
id="listGammes_btn_edit"
icon="#{a4jSkin.nameSkin}/images/edit16.png" submitMode="Ajax"
							oncomplete="javascript:Richfaces.showModalPanel('editPanel');"

actionListener="#{monBean.getSelectedRow}">

et dans la classe bean :

Code :

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

1
2
3
4
5
6
7
8
public void getSelectedRow(ActionEvent e) {
 
GammesBean bean = (GammesBean) FacesContext.getCurrentInstance().getExternalContext().getRequestMap().get("item");
 
//comment je récupére l'objet on question ? 		 
 
 currentGamme = bean.get....	
}

Merci

[sal.gass]

Code :

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

1
2
3
4
5
6
7
 
<h:graphicImage value="#{a4jSkin.nameSkin}/images/croix.png"
style="cursor:pointer" id="hidelink2" >
<a4j:support event="onclick">
<a4j:actionparam name="flag" value="#{!bean.flag}" assignTo="#{bean.flag}"/>
</a4j:support> 
</h:graphicImage>

j'ai mis ça mais à chaque action après la fermeture le modelpanel s'ouvre donc l'attribut flag est toujours initialisé à true.

Est ce qu'il y a une autre solution ?

[Sniper37]

Enlève le showWhenRendered.

[sal.gass]

Enlève le showWhenRendered.

Mais c'est avec showWhenRendered le modelPanel va etre afficher.
non ?

J'ai essayé mais le modelPanel ne s'affiche pas si j'enlève le showWhenRendered

[Sniper37]

Tu le fais en javascript:

Code :

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

oncomplete="javascript:Richfaces.showModalPanel('editPanel');"

Si tu lis bien la documentation du taglib, showWhenRendered conditionne l'ouverture de la modalPanel lorsque la page est rendu.

[sal.gass]

J'ai vous dis que je suis obligé à utilisé l'attribut showWhenRendered car avec les autre méthodes ne fonctionne pas est j'ai expliqué si dessus.

Donc si j'utilise showWhenRendered je ne met plus
oncomplete="javascript:Richfaces.showModalPanel('editPanel');" dans le menuItem.

je explique encore le problème.

lorsque j'utilise
componentcontrole avec passage de parametre ou bien en execution une action le modelpanel s'affiche pour 1 ou 2 secondes puis se ferme donc je fait submitmode =none pour le fixer donc il n 'y a pas passage d'action donc la ligne ne se recupere pas dans le modelpanel

Aussi avec oncomplete="javascript:Richfaces.showModalPanel('editPanel');"
le meme cas les actions ne se passe pas
c'est ça me pb

est ce qu'il ya de solution ???

Merci d'avance

[Sniper37]

J'ai l'impression que tu mélange un peu tout et n'importe quoi..

Pourquoi tu utilise le componentControl?

Tu veux ouvrir une popup sur un click sur un menuItem, il me semble ce que tu as fais est suffisant.
showWhenRendered, si la pop up doit s'ouvrire automatiquement à l'affichage ou réaffichage de la page suivant une condition. si c'est toi qui lance l'action de l'ouverture de la pop up pourquoi ajouter une condition sur l'ouverture....

[sal.gass]

J'ai l'impression que tu mélange un peu tout et n'importe quoi..

Non je ne mélange pas , peut etre que j'ai pas expliquer un peu le pb

Pourquoi tu utilise le componentControl?

j'ai dis que j'ai utilisé componentControl dans la premier solution donc dans ce cas je ne met pas showWhenRendered
c'est le cas normale d'ouvrire un modelPanel suivant le demo de richFaces: Edit Table with modelPanel
http://livedemo.exadel.com/richfaces...le&cid=1977997

Tu veux ouvrir une popup sur un click sur un menuItem, il me semble ce que tu as fais est suffisant.

le probleme c'est que les valeurs de la ligne sélectionné ne s'affiche pas dans le modelPanel (passage de parametre vers le modelPanel

showWhenRendered, si la pop up doit s'ouvrire automatiquement à l'affichage ou réaffichage de la page suivant une condition. si c'est toi qui lance l'action de l'ouverture de la pop up pourquoi ajouter une condition sur l'ouverture....

j'ai utilisé showWhenRendered , comme deuxemme solution, avec une valeur boolean dans le bean, qui est égale à true lorsque l'action qui est l'ancer dans le menuItem getSelecteditem() , donc après l'action il y a affichage de modelPanel

mais dans ce cas il y a actualisation de la page pour ouvrire le model panel, ce qui est faut logiquement le modelPanel s'ouvre à partire de javaScript

Aussi après l'exécution la valeur flag est toujours true donc à chaque autre action il y a affichage de modelPanel.

c'est ça le probléme.

[Sniper37]

Bon ce que je te conseille de faire:

1. pas le peine d'utiliser componentControl il va juste te compliquer la tache.
   
2. ouvre le modalPanel sur le oncomplete comme tu as fais au début.
   
3. récupéré la valeur de la ligne courante comme je t'ai expliqué
   
4. vérifie que ton bean est soit en scope session soit en request mais avec keepAlive
   
5. N'oublie pas dans le menu d'ajouter un reRender et y mettre l'id de la modalPanel ce qui permet d'actualiser ces composants.

[sal.gass]

1. pas le peine d'utiliser componentControl il va juste te compliquer la tache.

Ok,

2. ouvre le modalPanel sur le oncomplete comme tu as fais au début.

OK,

3. récupéré la valeur de la ligne courante comme je t'ai expliqué

Je passe l'action avec ActionListener puis je la récupère dans le bean, j'ai vous posé des question sur ça, :

Code :

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

1
2
3
4
5
6
public void getSelectedRow(ActionEvent e) {		 
GammesBean bean = (GammesBean) FacesContext.getCurrentInstance().getExternalContext().getRequestMap().get("item");
 
//comment je récupére l'objet on question ? 		 
 currentGamme = bean.get....	
}

1) ActionEvent de type java.awt.Event ou javax.facet.Event ?
2)Comment je récupére l'objet courant dans la méthode getSelectedRow??

dans le xhtml :

Code :

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

1
2
3
4
5
6
<rich:menuItem value="#{i18n.listGammes_Actions_modifier_Gamme}"
id="listGammes_btn_edit"
reRender="editPanel"
icon="#{a4jSkin.nameSkin}/images/edit16.png" submitMode="Ajax"
oncomplete="javascript:Richfaces.showModalPanel('editPanel');"
actionListener="#{monBean.getSelectedRow(//je met quoi exactement)}">

je met quoi exactement dans le xhtml ??

4. # vérifie que ton bean est soit en scope session soit en request mais avec keepAlive

Mon bean est on scope = session

Code :

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

5. N'oublie pas dans le menu d'ajouter un reRender et y mettre l'id de la modalPanel ce qui permet d'actualiser ces composants.

Je vous remerci Sniper37.

[Sniper37]

le type de ActionEvent est evidemment javax.faces..tu peux aussi utiliser action, elle ne prend pas de paramètre.

la variable item correspond à la variable d'iteration de la dataTable,
et le reRender de la modalPanel comme tu l'a mis..
ton bean est en session, tu n'a pas à ajouter keepAlive

[sal.gass]

Salut Sniper37,

j'ai trouvé la bonne solution

l'idée est :

1) Utilisé le composant <rich:componentControl .../> pour afficher le modelPanel, il faut ajouter l'attribut submitMode="none" dans le <rich:menuItem /> pour fixer le modelPanel.

2) créer un 2éme bean editBean pour la page de modelPanel.

3) injecter les attribut de l'objet item en session dans ce nouveau bean à l'aide du balise <a4j:actionparam ...../>

4) Utiliser le 2éme bean pour afficher les valeurs du modelPanel.

Le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
			
<rich:menuItem 

id="listGammes_btn_edit"
icon="#{a4jSkin.nameSkin}/images/edit16.png" submitMode="none">

<a4j:actionparam name="typeEditParam" value="#{item.id}"
assignTo="#{monBean.id}" />
<f:param name="id" value="#{item.id}" />
<rich:componentControl for="editPanel"
attachTo="listGammes_btn_edit" operation="show" event="onclick" />

</rich:menuItem>

Je vous remercie Sniper37 pour votre suivie et pour vos réponse.

Parfois on reste toute une journée pour trouvé la solution d'un petit problème, et puis pendant 5 min tout est résolue.

et bah oui, c'est l'expérience qui fait la différence.

[Sniper37]

Sinon tu peux passer tous l'objet avec actionparam en utilisant un converter .

[sal.gass]

salut,

malheureusement, c'est pas la bonne réponse,
les attribut ne s'affiche pas dans le modelpanel de l'edit des l'ouverture de ce model panel,
mais après il y a affichage des valeurs,

Est ce quelqu'un peu m'expliquer comment je fait ça avec Actionlistener??


J'ai remarquer que la balise <a4j:actionparam ...../> s'exécute à chaque action dans l'application non s'eulement à l'action d'ouverture de modelPanel,

je reste en cours, Merci.

[sal.gass]

Sinon tu peux passer tous l'objet avec actionparam en utilisant un converter .

comme j'ai vous dit Sniper37, ActionParam c'est pas la bonne réponse car elle s'exécute après chaque action dans l'application

[Sniper37]

Est ce quelqu'un peu m'expliquer comment je fait ça avec Actionlistener??

Qu'est ce que tu n' a pas compris, ce n'est pas assez clair,

Je t'ai dit que dans ton cas, il n'est pas utile d'utiliser componentControl, ça complique le code pour rien..