Raffraichissement d'une zone avec RichFaces

Version imprimable

Bonjour,

J'ai vu que c'était un sujet fréquemment évoqué mais là... je plante un peu.

J'ai une popin (modalPanel) qui contient entre autre une combobox (selectOneListbox) sur laquelle j'ai placé un observateur d'événement a4j:support onblur qui lance un traitement.

Ce traitement crée dynamiquement des composants outputText et inputText dans un panelGrid de ma popin (bindé avec mon bean).

Mon soucis est que malgré le fait que je spécifie à mon a4j:support la zone à raffraichir avec l'attribut reRender (le panelGrid où ont été crées dynamiquement les composants), celui-ci ne s'actualise pas. Je pense que j'ai manqué une étape...

Merci pour votre aide.

Voici le code:
Code:

1 2 3 4 5 6 7 8 <h:outputText value="Formule de calcul : "/> <h:selectOneListbox size="1" value="#{element.formula}"> <f:selectItems value="#{chargingBean.formulas}" /> <a4j:support event="onblur" reRender="parametersPanel" action="#{chargingBean.fillParametersList}"/> </h:selectOneListbox> <h:outputText value="Paramètres de la formule de calcul : "/> <h:panelGrid columns="1" id="parametersPanel" header="Panel Header" binding="#{chargingBean.parametersPanel}"/>
PS: je suis sûr que l'arbre des composants a été mis à jour.
PS2: JSF/Facelets/RichFaces/Spring

09/12/2008, 10h42
Sniper37

mets le panelGrid dans un a4j:outputPanel ou un h:panelGroup
et fait le reRender sur cet élément au lieu du panelGrid..
09/12/2008, 14h05
dachman

Merci Sniper37.

Malheureusement pour moi avec un h:panelGroup ou un a4j:outputPanel au dessus du panelGrid, le résultat est le même, même si je fais un refresh sur cet élément.

J'ai également remplacé mon panelGrid par le a4j:outputPanel avec espoir mais sans succès...

Une autre judicieuse idée?
09/12/2008, 14h20
Sniper37

et si tu essayes avec un onclick ou on change.
tu peux montrer le code avant génération et le code après génération?

J'ai changé le onblur par le onchange qui est de toute façon plus indiqué dans mon cas.

Le code généré est strictement le même avant et après modification de la valeur de la combobox si ce n'est justement la valeur de la combobox sélectionnée.

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
 
<TD><SELECT onchange="A4J.AJAX.Submit('_viewRoot','edit:0:j_id61',event,{'parameters':{'edit:0:j_id61:j_id73':'edit:0:j_id61:j_id73'} ,'actionUrl':'/mystats-factu/charging.jsf'} )" size=1 name=edit:0:j_id61:j_id71><OPTION value=FIXE_DELAI>Cout fixe et à la durée</OPTION><OPTION value=FORFAIT>Cout forfaitaire</OPTION><OPTION value=FORFAIT_UT>Cout forfaitaire et par unité de temps</OPTION><OPTION value=FIXE_DUREE selected>Cout fixe à la durée</OPTION><OPTION value=ITX>Cout par impulsion de taxation</OPTION><OPTION value=FORFAIT_DUREE>Cout forfaitaire et à la durée</OPTION></SELECT></TD></TR>
<TR>
<TD>Paramètres de la formule de calcul :</TD>
<TD><SPAN id=edit:0:j_id61:reRenderParametersPanel>
<TABLE id=edit:0:j_id61:parametersPanel>
<TBODY>
<TR>
<TD><INPUT id=edit:0:j_id61:parameterModulation1 type=hidden name=edit:0:j_id61:parameterModulation1>HP : <INPUT id=edit:0:j_id61:parameter1_1 style="WIDTH: 50px" name=edit:0:j_id61:parameter1_1> cts d'euros forfaitaire et <INPUT id=edit:0:j_id61:parameter1_2 style="WIDTH: 50px" name=edit:0:j_id61:parameter1_2> par unité de temps</TD></TR>
<TR>
<TD><INPUT id=edit:0:j_id61:parameterModulation2 type=hidden name=edit:0:j_id61:parameterModulation2>HC : <INPUT id=edit:0:j_id61:parameter2_1 style="WIDTH: 50px" name=edit:0:j_id61:parameter2_1> cts d'euros forfaitaire et <INPUT id=edit:0:j_id61:parameter2_2 style="WIDTH: 50px" name=edit:0:j_id61:parameter2_2> par unité de temps</TD></TR></TBODY></TABLE></SPAN></TD></TR>
<TR>
<TD><INPUT id=edit:0:j_id61:editSubmit onclick="A4J.AJAX.Submit('_viewRoot','edit:0:j_id61',event,{'parameters':{'edit:0:j_id61:editSubmit':'edit:0:j_id61:editSubmit'} ,'actionUrl':'/mystats-factu/charging.jsf'} );return false;" type=button value=Valider name=edit:0:j_id61:editSubmit jQuery1228830136294="2">
<SCRIPT type=text/javascript>//<![CDATA[
 Richfaces.onAvailable('edit:0:j_id61:editSubmit', function()
{
        Richfaces.componentControl.attachEvent('#edit\\:0\\:j_id61\\:editSubmit', 'onclick', '#edit\\:0\\:editPanel', 'hide', function() { return {}; }, false);
 });//]]>
																		</SCRIPT>
<INPUT id=edit:0:j_id61:hidelink onclick="A4J.AJAX.Submit('_viewRoot','edit:0:j_id61',event,{'parameters':{'ajaxSingle':'edit:0:j_id61:hidelink','edit:0:j_id61:hidelink':'edit:0:j_id61:hidelink'} ,'actionUrl':'/mystats-factu/charging.jsf'} );return false;" type=button value=Annuler name=edit:0:j_id61:hidelink jQuery1228830136294="3">
<SCRIPT type=text/javascript>//<![CDATA[
 Richfaces.onAvailable('edit:0:j_id61:hidelink', function()
{
        Richfaces.componentControl.attachEvent('#edit\\:0\\:j_id61\\:hidelink', 'onclick', '#edit\\:0\\:editPanel', 'hide', function() { return {}; }, false);
 });//]]>

09/12/2008, 14h53
Sniper37

non je voulais dire les composants avant génération dynamique.
à quoi ressemble ta page au début..et sur quelle action tu génére dynamiquement les composants..

Ok, en fait c'est dans mon premier post.
(si je t'ai bien compris)

c'est la méthode chargingBean.fillParametersList qui est lancée sur le onchange de mes combobox.

Je mets un peu plus de code (sans vouloir noyer le poisson).:D
(Les autres composants générés dynamiquement étaient générés à l'exécution sur le onchange.)

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
 
<rich:modalPanel id="editPanel" width="560" height="250" showWhenRendered="true">
<d:modalpanel.edit.common backingBean="#{chargingBean}" />
<h:form>
<h:panelGrid border="0" columns="2">                    
<h:outputText value="Référence : "/>
    <h:panelGroup>
    	<h:inputText id="referenceField" value="#{element.reference}" ><rich:beanValidator /></h:inputText>
            <rich:message for="referenceField" />
        </h:panelGroup>
<h:outputText value="Modèle de modulation horaire : "/>
	<h:selectOneListbox size="1" value="#{element.hourlyModulationModel}">
			 	<f:selectItems value="#{chargingBean.modulations}" />
			 	<a4j:support event="onchange" reRender="parametersPanel,reRenderParametersPanel" action="#{chargingBean.fillParametersList}"/>
			</h:selectOneListbox>
<h:outputText value="Formule de calcul : "/>
			<h:selectOneListbox size="1" value="#{element.formula}">
			 	<f:selectItems value="#{chargingBean.formulas}" />
			 	<a4j:support event="onchange" reRender="parametersPanel,reRenderParametersPanel" action="#{chargingBean.fillParametersList}"/>
			</h:selectOneListbox>
		<h:outputText value="Paramètres de la formule de calcul : "/>
		<a4j:outputPanel id="reRenderParametersPanel">
			<h:panelGrid columns="1" id="parametersPanel" binding="#{chargingBean.parametersPanel}"/>
		</a4j:outputPanel>
		<h:panelGroup>
	<a4j:commandButton id="editSubmit" value="Valider" action="#{chargingBean.doSave}" reRender="mainTable,edit"/>
	<rich:componentControl for="editPanel" attachTo="editSubmit" operation="hide" event="onclick"/>
				<a4j:commandButton action="#{billedOBLBean.doCancel}" id="hidelink" value="Annuler" immediate="true" ajaxSingle="true" />
	<rich:componentControl for="editPanel" attachTo="hidelink" operation="hide" event="onclick"/>
</h:panelGroup>                        
</h:panelGrid>
</h:form>
</rich:modalPanel>

09/12/2008, 15h31
Sniper37

le modalPanel doit avoir son propre form.

avant de générer, le a4j:outputPanel doit exister dans la page, dans le java tu ajoutes bien les composants au composant a4j:outputPanel, donc, le reRender pourrait contenir seulement reRenderParametersPanel.
09/12/2008, 16h29
Sniper37

Citation:

Envoyé par Sniper37

le modalPanel doit avoir son propre form.

avant de générer, le a4j:outputPanel doit exister dans la page, dans le java tu ajoutes bien les composants au composant a4j:outputPanel, donc, le reRender pourrait contenir seulement reRenderParametersPanel.

je n'ai pas fait attention, mais le tout est à l'intérieur d'un modalPanel qui contient son propre form, elle ne doit pas être enveloppé dans un autre form, je suppose que c'est le cas sinon d'autres choses ne fonctionnerons pas.

tu peux également entourer le selectOneListbox d'un a4j:region.
09/12/2008, 16h41
dachman

Ok, je vais tester ça d'ici demain.

Merci bcp.
10/12/2008, 10h14
dachman

Ok, ça fonctionne. Merci.

Tout ce que j'ai fais de plus, c'est mettre en reRender des a4j:support, le modalPanel qui encapsulait le tout et pas seulement la zone à raffraichir.

Merci pour ton aide Sniper37.