Discussion :

[antokill54]

Bonjour,

Dans le cadre d'un projet je développe une sorte de panier pour contenir différent choix d'un membre.

Je souhaite réaliser sous forme de popup (avec le composant dialog de primefaces).

J'aimerai que les éléments contenu dans le dialog soit mis à jour en fonction des champs que je rentre dans un formulaire lui-même situé dans le dialog. Mon problème est que je n'arrive pas à raffraichir les éléments contenus dans le dialog. Il faut obligatoirement que je raffraichisse la page entière d'où j'ai lancé le popup.

Voici mon code pour mon panier :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<p:commandLink id="showPanier" value="Mon panier" onclick="dlg.show();"/>
 
            <p:dialog header="Mon Panier" widgetVar="dlg" resizable="false">
                <p:fieldset legend="Mes paris">
                    <p:dataTable var="pari" value="#{panierMngBean.paris}">
                        <p:column headerText="Pari">
                            <h:outputText value="#{pari.pari.intitule}"/>
                        </p:column>
                        <p:column headerText="Pronostic">
                            <h:outputText value="#{pari.choix}"/>
                        </p:column>
                        <p:column headerText="Cote">
                            <h:outputText value="#{pari.cote}"/>
                        </p:column>
                        <p:column headerText="Supprimer du panier">
                            <h:form id="suppr_pari">
                                <p:commandButton value="Supprimer" action="#{panierMngBean.supprimerPari(pari)}" />
                            </h:form>
                        </p:column>
                    </p:dataTable>
                </p:fieldset>
                <br/>
                <h:form id="panier">
                    <h:outputText id="cT" value="Cote totale : #{panierMngBean.coteTotale}"/><br/>
                    <h:outputText value="Mode de pari :"/>
                    <p:selectOneRadio id="mode" value="#{panierMngBean.mode}">
                        <f:selectItem itemLabel="Simple" itemValue="0"/>
                        <f:selectItem itemLabel="Combiner" itemValue="1"/>                    
                    </p:selectOneRadio>
                    <br/>
                    <h:outputText value="Mise :"/>
                    <p:inputText value="#{panierMngBean.mise}" id="mise" label="Mise" validator="#{panierMngBean.verifMise(context, component, value)}"/>
                    <br/>
                    <h:outputText value="Gains possibles : #{panierMngBean.gaintTot}"/>
                    <br/>
                    <p:commandButton value="Vider le panier" type="reset" onclick="dlg.hide()" action="#{panierMngBean.viderPanier()}"/>
                    <p:commandButton value="Continuer" action="#{panierMngBean.validerPanier()}"/>
                </h:form>
            </p:dialog>

Est ce possible ?

En vous remerciant d'avance.

[ahmedpa]

T'as essayé de mettre l'attribut update qui comporte id du dialog au niveau du button ou tu souhaite effectuer ton traitement?

[samaury]

Bonjour
Tu devrais essayer le <p:outputPanel> : http://www.primefaces.org/showcase/ui/outputPanel.jsf

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<p:dialog header="Mon Panier" widgetVar="dlg" resizable="false">
<p:outputPanel  autoUpdate="true">
                <p:fieldset legend="Mes paris">
                    <p:dataTable var="pari" value="#{panierMngBean.paris}">
                        <p:column headerText="Pari">
                            <h:outputText value="#{pari.pari.intitule}"/>
                        </p:column>
                        <p:column headerText="Pronostic">
                            <h:outputText value="#{pari.choix}"/>
                        </p:column>
                        <p:column headerText="Cote">
                            <h:outputText value="#{pari.cote}"/>
                        </p:column>
                        <p:column headerText="Supprimer du panier">
                            <h:form id="suppr_pari">
                                <p:commandButton value="Supprimer" action="#{panierMngBean.supprimerPari(pari)}" />
                            </h:form>
                        </p:column>
                    </p:dataTable>
                </p:fieldset>
                <br/>
                <h:form id="panier">
                    <h:outputText id="cT" value="Cote totale : #{panierMngBean.coteTotale}"/><br/>
                    <h:outputText value="Mode de pari :"/>
                    <p:selectOneRadio id="mode" value="#{panierMngBean.mode}">
                        <f:selectItem itemLabel="Simple" itemValue="0"/>
                        <f:selectItem itemLabel="Combiner" itemValue="1"/>                    
                    </p:selectOneRadio>
                    <br/>
                    <h:outputText value="Mise :"/>
                    <p:inputText value="#{panierMngBean.mise}" id="mise" label="Mise" validator="#{panierMngBean.verifMise(context, component, value)}"/>
                    <br/>
                    <h:outputText value="Gains possibles : #{panierMngBean.gaintTot}"/>
                    <br/>
                    <p:commandButton value="Vider le panier" type="reset" onclick="dlg.hide()" action="#{panierMngBean.viderPanier()}"/>
                    <p:commandButton value="Continuer" action="#{panierMngBean.validerPanier()}"/>
                </h:form>
 </p:outputPanel>
</p:dialog>