[Richfaces][ModalPanel] Envoie de données

Version imprimable

29/04/2009, 11h22
raff87

[Richfaces][ModalPanel] Envoie de données
Bonjour,

j'essaye d'utiliser le composant modalPanel de Richfaces sur un tableau html, j'arrive à ouvrir un modalPanel lorsque je clic sur une case du tableau mais ce que je voudrais faire c'est envoyer des données au ModalPanel pour qu'il les affiche et pour l'instant je n'ai rien trouvé.

Pour utiliser le modalPanel j'utilise
Code:

1 2 <td onclick="#{rich:component('modalPanel_ajout')}.show()"></td>
Merci
29/04/2009, 13h24
raff87
Je me suis sûrement mal exprimé, les données que je veux afficher sont déjà dans la balise TD.

Par exemple si j'ai une balise
Code:

1 2 <td onclick="#{rich:component('modalPanel_ajout')}.show()">TOTO</td>
comment afficher toto dans mon modalPanel ?
29/04/2009, 14h14
Sniper37

si la valeur est dans un bean il suffit d'utiliser

Code:

<h:outputText value="#{bean.attribute}"/>
29/04/2009, 14h39
raff87

Bah en faite les valeurs sont en effet dans un bean, mais c'est une liste que j'envoie ,donc je ne connais pas le nombre de cases et une case correspond à une valeur en particulier.

je vois pas du tout comment récupérer la bonne valeur selon la case.
29/04/2009, 14h49
Sniper37

regarde la :faq: comment récupérer la ligne courante d'un tableau..
utilise h:dataTable ou rich:dataTable..
29/04/2009, 15h11
raff87

Je suis obliger d'utiliser un tableau en dure <table><tr><td> donc je ne sais pas si c'est possible :/
29/04/2009, 15h29
raff87

Voilà donc j'ai résolu en partie mon problème, en appelant le modelPanel comme ceci,

Code:

<td onclick="Richfaces.showModalPanel('modalPanel_ajout',{width:400, top:200, param1:${cours}})"></td>

mais par contre comment faire pour afficher param 1 entre les balises modalPanel, j'ai essayer plein de syntaxe mais aucune ne marche, sachant que je ne peux pas appeler ${cours} directement dans mon modalPanel puisqu'il est différent selon la case.

merqui

dans la modalPanel:

Code:

1
2
3
4
5
6
 
<a4j:form>
<a4j:jsFunction name="updateParams" reRender="param">
<a4j:actionparam name="param1" assignTo="#{bean.param1}" />
</a4j:jsFunction>
</a4j:form>

29/04/2009, 16h12
raff87
Merci de m'aider, mais je ne comprend pas comment utiliser ce code
Code:

1 2 3 4 5 6 <a4j:form> <a4j:jsFunction name="updateParams" reRender="param"> <a4j:actionparam name="param1" assignTo="#{bean.param1}" /> </a4j:jsFunction> </a4j:form>
Je ne comprend pas ce qu'est "param", est ce l'identifiant du composant qui contiendra l'affichage de param1 ?
De plus, faut il que j'appel la fonction updateParams.?
si oui à quel moment et où? -> Dans la balise modalPanel ou dans un outPuttext par exemple ?

Merci
29/04/2009, 16h48
Sniper37

en effet, l'explication n'était pas complète

tu dois appeler la fonction dans la modalPanel comme ça:

Code:

onshow="updateParams(event.parameters.param1);

Merci, on avance, mais doit y avoir un problème quelque part car ça ne marche pas voilà mon code
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <r:modalPanel id="modalPanel_ajout" **** onshow="updateParams(event.parameters.param1);" > ********* <r:panel style="border:0;height:100px"> <a:form> <a:jsFunction name="updateParams" reRender="param"> <a:actionparam name="param1" assignTo="#{planningController.param1}"/> </a:jsFunction> </a:form> <h:outputText value="#{planningController.param1}" /> </r:panel> </r:modalPanel>
Code:

1 2 <td onclick="Richfaces.showModalPanel('modalPanel_ajout',{width:400, top:200, param1:${coursVide}})"></td>
Est ce que la syntaxe est bonne, par contre je ne comprend toujours pas à quoi sert le reRender="param" puisqu'il n'y a rien qui se nome param.

Merci encore

29/04/2009, 17h26
Sniper37
Code:

1 2 3 4 5 <a:form> <a:jsFunction name="updateParams" reRender="param"> <a:actionparam name="param1" assignTo="#{planningController.param1}"/> </a:jsFunction> </a:form>
à placer en dehors de la modalPanel..
la modalPanel doit avoir son propre form et ne doit pas etre incluse dans un form générique.

okay okay

mon code est comme ça mais ça ne marche toujours pas

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 
<a:form>
		<a:jsFunction name="updateParams" reRender="param">
		<a:actionparam name="param1" assignTo="#{planningController.param1}"/>
		</a:jsFunction>
</a:form>
 
 
<r:modalPanel id="modalPanel_ajout" **** onshow="updateParams(event.parameters.param1);" >
 
        *********
 
        <a:form>
		<h:outputText value="#{planningController.param1}" />
	</a:form>
 
</r:modalPanel>
</a:form>

Et à quoi sert le reRender="param" ^^ ?

29/04/2009, 20h54
Sniper37
c'est pour rafraichir la valeur d'un composant..
pour ton cas tu peux faire:
Code:

1 2 3 <h:form> <h:outputText id="param" value="#{planningController.param1}" /> </h:form>

Bon bah normalement ça devrai marcher sauf que bah chez moi ça marche pas, alors j'ai tester un simple exemple celui de livedemo

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
    <a:form>
        <a:jsFunction name="updateName" reRender="showname">
            <a:actionparam name="param1" assignTo="#{planningController.param1}"  />                  
        </a:jsFunction>
    </a:form>
    <h:form>
     <table  width="400">
        <tbody>
        <tr>
            <td><span onmouseover="updateName('Alex')"  onmouseout="updateName('')">Alex</span></td>
            <td><span onmouseover="updateName('Jonh')"  onmouseout="updateName('')">Jonh</span></td>
            <td><span onmouseover="updateName('Roger')"  onmouseout="updateName('')">Roger</span></td>
        </tr>
        <r:spacer height="10" />
        <tr>
            <td colspan="3">Name: <b><h:outputText id="showname" value="#{planningController.param1}" /></b></td>
        </tr>
        </tbody>
    </table>
</h:form>

Et rien ne ce passe...je suis perdu...