Discussion :

[Reisors]

Bonjour,

Voila j'ai un souci dans ce bout de code :

Code :

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

1
2
3
 
<p:commandButton id="bEdit" value="Editer" actionListener="#{contactBean.editContact}" update=":centerForm:formContact:tabContacts :commonMessages" 
                             oncomplete="contactDialog.hide()"/>

En effet " actionListener="#{contactBean.editContact}" " ne fonctionne pas, comprenez qu'il ne passe pas dans la fonction "editContact", c'est comme si je ne n'avais rien mis ...

Contexte :
Voila mon code complet (largement simplifié) :

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
 
<h:form id="formContact">  
 
        <p:dataTable>
 
          [...]code[...]
 
            //button qui déclanche la boite de dialogue
            <f:facet name="footer">  
                <div style="text-align: right">
                    <p:commandButton id="bModifContact" value="Modifier" update=":centerForm:formDialog:dialog" oncomplete="contactDialog.show()" />
                </div>
            </f:facet>  
        </p:dataTable>
</h:form>
 
<h:form id="formDialog">
        <p:dialog id="dialog" header="monTitre"
                  widgetVar="contactDialog" resizable="false" height="400" width="900" showEffect="clip" hideEffect="puff" modal="true" appendTo="@(body)">
 
             [...]code[...]
 
            // button qui est censé faire une salade grâce à actionListener="#{contactBean.editContact}"
            <p:commandButton id="bEdit" value="Editer" actionListener="#{contactBean.editContact}" update=":centerForm:formContact:tabContacts :commonMessages" 
                             oncomplete="contactDialog.hide()"/>
        </p:dialog>
</h:form>

Code de mon ManagedBean :

Code :

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

1
2
3
4
 
public void editContact() {
   //Ma salade
     }

Voila j’espère que vous pourrez m'aider j'ai déjà essayé pas mal de chose comme :
- mettre un evenement dans ma fonction
- changer actionListener pour un action

Rien de marche ...

[jeffray03]

Salut ajoute:

Code :

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

ActionEvent actionEvent

Comme parametre de ta methode
Comme ceci :editContact (ActionEvent actionEvent)

Eric

[Reisors]

Bonjour,

Nan rien j'ai essayer avec les deux bibli (java.axt et javax.faces) en mode debug avec clean and build à chaque essaie sa ne marche pas il passe toujours pas dans la méthode

une autre suggestion ? ^^

[tchize_]

Et le reste s'effectue (appele du hide, rafraichissement des panneaux demandés)?

Rajoute un h:messages dans le panneau qui se rafraichi, pour voir les erreur de validation. L'actionListener, il me semble, ne sera pas appelé en cas d'erreur de validation.

contactBean n'est pas null?

[Reisors]

J'ai essayé de mettre un <h:messages/> rien,aucun message,
mais de toutes façon le panneaux derrière la boite modal se rafraîchi bien donc je comprend pas pourquoi sa me fait sa, j'ai aucune trace dans les log glassfish

Je pense pas que contactBean soit null puisque dans ma boite de dialog j'ai des element de contactBean : exemples :
- contactBean.contact.nom
et ils apparaissent correctement

[tchize_]

tu peux mettre les logs de debug? Dans log4j, si tu utilise log4j, on les active comme ceci:

Code :

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

1
2
3
log4j.logger.javax.faces=DEBUG
log4j.logger.org.apache.myfaces=DEBUG
log4j.logger.com.sun.faces=DEBUG

Pour les autres loggers, c'est similaire.

[Reisors]

Enfait je débute en J2EE / JSF, je sais pas ce que c'est log4j :s

[Mishulyna]

Bonjour,

Tips
• Use appendToBody with care as the page definition and html dom would be different, for example if dialog is inside an h:form component and appendToBody is enabled, on the browser dialog would be outside of form and may cause unexpected results. In this case, nest a form inside a dialog.

• Do not place dialog inside tables, containers likes divs with relative positioning or with nonvisible overflow defined, in cases like these functionality might be broken. This is not a limitation but a result of DOM model. For example dialog inside a layout unit, tabview, accordion are a couple of examples. Same applies to confirmDialog as well.

(Primefaces User's Guide 4.0, page 163, disponible pour téléchargement ici)

Suggestions:
1. Suivez le conseil de @jeffray03:

Code :

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

1
2
3
4
public void editContact(ActionEvent actionEvent) {
    // votre salade
    FacesContext.getCurrentInstance().addMessage(null, new FacesMessage("Edité!")); 
}

2. Supprimez temporairement appendTo="@(body)" ou mettez le h:form id="formDialog" à l'intérieur du p:dialog (ou les deux).

3. Mettez le p:commandButton id="bModifContact" dans un panelGrid en dessous de la p:dataTable.

[Reisors]

J'ai bien suivi vos conseil mais toujours rien ...

la seul chose que je n'ai pas pu faire c'est supprimer appendTo="@(body)" car si je le fait je n'ai plus accès à la boite de dialog (le font noir recouvre totalement la boite de dialog => j'ai j'arrière plan, la boite de dialog par dessus, et le font noir encore par dessus, impossible de cliquer sur n'importe quoi)

[Mishulyna]

Supprimez également modal="true", vous allez le rajouter après avoir résolu le problème lié au ActionListener.

[Reisors]

OK alors j'ai tous viré (modal + appendto) rien n'y fait. ...

Dans cette boite de dialog j'ai des inputText qui font référence à l'objet "contact" de contactBean.

J'ai constater que le "commandButton" dans la boite de dialog lancais un getContact() lorsque je cliquant dessus

si sa peut vous aider ...

Autre chose, quel est la bibli à utiliser pour ActionEvent ?? java.awt ou javax.faces ??

[Mishulyna]

Normalement l'objet "Contact" devrait être là (this.current ou this.getSelected()) et ses données affichées sur les inputText afin de pouvoir les modifier. L'objet "Contact" contient-il des autres objets comme attributs, histoire de tenir compte des modifications en cascade de plusieurs objets? Comment sélectionnez-vous le contact à modifier?

Je dirais javax.faces.event.ActionEvent...

Toujours rien dans le fichier log?

[Reisors]

oui l'objet contact a des attributs : nom prenom.

Enfait à partir d'un dataTable je sélectionne un contact puis je clique sur un commandButton qui lance la boite de dialog et qui rafraîchis les inputTexts (contactBean.contact.nom) par exemple, mais sa sa marche nickel.

C'est juste le button de la boite qui veux rien faire .... enfin si il affranchis le tableaux en arriéré plan mais il veux pas entré dans la methode quoi

[Mishulyna]

C'est juste le button de la boite qui veux rien faire .... enfin si il affranchis le tableaux en arriéré plan

Je me demande comment il fait...

mais il veux pas entré dans la methode quoi

Alors qui et comment modifie le Contact? Est-il également modifié dans la base de données? Comment savez vous que la méthode n'est pas exécutée?
Ca pourrait être juste un problème de dialog.hide().

[Reisors]

Je me demande comment il fait...

c'est l'update=":centerForm:formContact:tabContacts" qui rafraîchis le tableaux en arriére plan

Justement c'est la boite de dialogue qui permet de modifier le contact, et la méthode editContact() ben elle est censé faire la persistance mais comme elle entre jamais dedans ....

J'ai tous passer en debug donc j'ai mis un point d’arrêt, en plus il y a des messages à l'intérieur

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
public void editContact(ActionEvent event) {
        try {
            tx.begin();
            em.merge(this.contact);
            tx.commit();
            FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_INFO, "Succes", "Modifications enregistrées"));
        } catch (Exception e) {
            FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_WARN, "Echec", "Modifications non enregistrées"));
        }
    }

J'ai fait sauté le oncomplete="contactDialog.hide()", pas de changement

[Mishulyna]

Je viens de lire plus attentivement ceci:

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
 
<h:form id="formContact">       
        <p:dataTable>
 
          [...]code[...]
 
            //button qui déclanche la boite de dialogue
            <f:facet name="footer">  
                <div style="text-align: right">
                    <p:commandButton id="bModifContact" value="Modifier" update=":centerForm:formDialog:dialog" oncomplete="contactDialog.show()" />
                </div>
            </f:facet>  
        </p:dataTable>
</h:form>
 
<h:form id="formDialog">
        <p:dialog>
 
        </p:dialog>
</h:form>

Y a-t-il moyen de réorganiser la page contenant le p:dialog de cette façon:

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
 
<h:body>
 
  <h:form id="formDialog">
        <p:dialog id="dialog" header="monTitre"
                  widgetVar="contactDialog" resizable="false" height="400" width="900" showEffect="clip" hideEffect="puff">
 
            <p:commandButton id="bEdit" value="Editer" actionListener="#{contactBean.editContact}" update=":centerForm:formContact:tabContacts :commonMessages" 
                             oncomplete="contactDialog.hide()"/>
        </p:dialog>
  </h:form>
 
  <h:form id="centerForm">
  ...
  </h:form>
  ...
</h:body>

et de modifier le bouton qui affiche le dialog comme ceci:

Code :

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

1
2
 
   <p:commandButton id="bModifContact" value="Modifier" update=":formDialog:dialog" oncomplete="contactDialog.show()" />

?

[OButterlin]

Il se pourrait que le problème vienne d'une erreur de validation/conversion, auquel cas, la méthode ne sera pas appelée.
J'utilise un listener pour vérifier quelles phases du cycle jsf sont passées, ça peut aider

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
41
42
43
44
45
46
47
48
49
50
 
import java.util.Map;
import javax.faces.event.PhaseEvent;
import javax.faces.event.PhaseId;
import javax.faces.event.PhaseListener;
 
public class LifeCycleListener implements PhaseListener
{
    public static final long serialVersionUID = 1;
    private static boolean debug = true;
 
    public PhaseId getPhaseId()
    {
        return PhaseId.ANY_PHASE;
    }
 
    public void beforePhase(PhaseEvent event)
    {
        if (debug)
        {
            if (event.getPhaseId() == PhaseId.RESTORE_VIEW)
            {
                System.out.print("\n\n" + event.getPhaseId() + " --> "
                        + event.getFacesContext().getExternalContext().getRequestServletPath());
            }
            else if (event.getPhaseId() == PhaseId.APPLY_REQUEST_VALUES)
            {
                Map<String, String> map = event.getFacesContext().getExternalContext().getRequestParameterMap();
                StringBuilder sb = new StringBuilder();
                for (String key : map.keySet())
                {
                    sb.append(key).append(" = \"").append(map.get(key).replaceAll("\r", "").replaceAll("\n", "\\\\n")).append("\"\n");
                }
                System.out.print("\n\n" + event.getPhaseId() + " -->\n " + sb.toString());
            }
            else
            {
                System.out.println(event.getPhaseId());
            }
        }
    }
 
    public void afterPhase(PhaseEvent event)
    {
        if (debug)
        {
            System.out.print("\n");
        }
    }
}

Dans le fichier faces-config.xml

Code :

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

1
2
3
4
 
    <lifecycle>
        <phase-listener>mon.package.LifeCycleListener</phase-listener>
    </lifecycle>

[Reisors]

Alors enfait je vais essayer d'expliqué sa simplement :

Si vous voulez <h:form id="centerForm"/> permet de changer dynamiquement (ajax) le centre de ma page web.


En gros j'ai sa si je combine tout (dsl pour l'indentation j'ai fait de mon mieux):

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
 
<p:layoutUnit position="center">
                <p:growl sticky="4000" id="commonMessages" showDetail="true"/>
                <h:form id="centerForm">
 
                   <h:form id="formContact">  
 
                            <p:dataTable  value="#{contactBean.contacts}" var="c"  rowKey="#{c.id}" paginator="true" rows="25"  
                      selectionMode="single" id="tabContacts" rowsPerPageTemplate="10,15,20,25,50,100" sortMode="multiple"
                      selection="#{contactBean.contact}">
 
                            [...]Code de mon tableaux[...]
 
                              <f:facet name="footer">  
                                  <div style="text-align: right">
                                        <p:commandButton id="bModifContact" value="Modifier" update=":centerForm:formDialog" oncomplete="contactDialog.show()" />
                                    </div>
                                </f:facet>  
                            </p:dataTable>
                        </h:form>
 
                         <h:form id="formDialog">
                                     <p:dialog id="dialog" header="#{contactBean.contact.nom} #{contactBean.contact.prenom} - #{contactBean.contact.societe.raisonSociale}"
                  widgetVar="contactDialog" resizable="false" height="400" width="900" showEffect="clip" hideEffect="puff">
 
                  [...]code du dialog[...]
 
                                      <h:panelGrid>
                                      <p:commandButton id="bEdit" value="Editer" actionListener="#{contactBean.editContact}" update=":centerForm:formContact:tabContacts :commonMessages" 
                                 />
                                      </h:panelGrid>
 
                                         </p:dialog>
                                   </h:form>
                </h:form>
</p:layoutUnit>

[Mishulyna]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
public void editContact(ActionEvent event) {
        try {
            tx.begin();
            em.merge(this.contact);
            tx.commit();
            FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_INFO, "Succes", "Modifications enregistrées"));
        } catch (Exception e) {
            FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_WARN, "Echec", "Modifications non enregistrées"));
        }
    }

Et le paramètre ActionEvent event il sert à quoi?

[Reisors]

Ben on m'a dit de la rajouter car à part amant sa pouvais jouer mais il n'est pas utiliser oui