Blocs à occurence

Version imprimable

27/04/2015, 15h26
daydream123

Blocs à occurence
Bonjour tout le monde,

je voulais savoir comment fait-on les blocs à occurrence? par exemple, une personne peu avoir plusieurs enfants:
Code:

1 2 3 4 5 6 <h:panelGroup id="personne"> <h:panelGroup id="enfant"> ... </h:panelGroup> </h:panelGroup> <h:commandButton id="ajouterEnfant" value="Ajouter" />
Je voudrais ajouter le bloc enfant quand je clique sur ajouter. Une petite idée de comment faire?

Merci!
27/04/2015, 16h55
OButterlin

Quelque chose qui ressemble à ça ? (le "paginator" est optionnel)

Le lien est pas mal, je connaissais pas :) mais il ne m'aide pas trop dans mon cas...
Ce que j'ai fait est tout basique:
Code:

1 2 3 4 5 6 7 8 <ui:repeat value="#{managedBean.enfants}" var="enfant"> <h:panelGroup id="personne"> <h:panelGroup id="enfant"> ... </h:panelGroup> </h:panelGroup> </ui:repeat> <h:commandButton id="ajouterEnfant" value="Ajouter" action="#{managedBean.ajouterEnfant}"/>
La méthode ajouterEnfant() est la suivante:
Code:

1 2 3 public void ajouterEnfant() { enfants.add(new Enfant()); }
Le problème c'est que tout ce que je rentre dans mes champs enfant sont perdus...

28/04/2015, 08h42
OButterlin

Primefaces est effectivement LA bibliothèque de composants JSF2 ;)
Je te montrais le lien parce qu'il me semblait que tu n'arrivais pas à ajouter "graphiquement" l'objet dans ta page.
Si je comprends bien ton dernier post, de ce côté, c'est bon...

Quand tu dis : "Le problème c'est que tout ce que je rentre dans mes champs enfant sont perdus"

Tu récupères bien les valeurs dans ton manager mais tu ne les réaffiches plus ou tu ne les récupère même pas ?
28/04/2015, 08h46
daydream123

Je ne les récupère même pas...
28/04/2015, 11h32
OButterlin

Peux-tu montrer le code du groupe <h:panelGroup id="enfant"> ?

Code:

1
2
3
4
5
6
7
8
9
<ui:repeat value="#{managedBean.enfants}" var="enfant">
<h:panelGroup id="personne">
    <h:panelGroup id="enfant">
         <h:outputLabel>Nom</h:outputLabel>
	 <h:inputText id="nomEnfant" value="#{enfant.nom}" />
    </h:panelGroup>
</h:panelGroup>
</ui:repeat>
<h:commandButton id="ajouterEnfant" value="Ajouter" action="#{managedBean.ajouterEnfant}"/>

28/04/2015, 12h17
OButterlin
C'est assez surprenant, tu ne devrais même pas pouvoir afficher la page, sauf si tu n'as aucun enfant d'enregistré, tu vas avoir des id multiples avec

Code:

<h:inputText id="nomEnfant" value="#{enfant.nom}" />

dans une boucle...

Je suppose que les valeurs sont bien transmises au contrôleur mais elles ne sont pas affectée à un objet. Si tu fais l'équivalent de

Code:

request.getParameter("nomEnfant")

, tu devrais les voir...

Avec cette bibliothèque de composant je ne sais pas trop quelle est la forme nécessaire pour que ça marche mais ça me rappelle d'anciennes applications struts1 / struts-layout où il fallait générer un nom du genre
Code:

1 2 <input type="text" name="leBean.laListe[index].nom" ... />

Citation:

tu vas avoir des id multiples

En fait il rajoute automatiquement des caractères à la fin, ça donne nomEnfant pour le premier id, quand je clique sur ajouter, le second champ a comme id

Code:

nomEnfantj_idt264:0

Ta proposition est pas mal et tu as raison, mais je n'ai toujours aucune information qui se transmet...
J'ai essayé de mettre dans le champ:
Code:

1 2 3 4 5 6 7 8 9 <ui:repeat value="#{managedBean.enfants}" var="enfant" varStatus="count"> <h:panelGroup id="personne"> <h:panelGroup id="enfant"> <h:outputLabel>Nom</h:outputLabel> <h:inputText id="nomEnfant" value="#{enfants[count.index].nom}" /> </h:panelGroup> </h:panelGroup> </ui:repeat> <h:commandButton id="ajouterEnfant" value="Ajouter" action="#{managedBean.ajouterEnfant}"/>
J'ai essayé de mettre

Code:

value="#{enfants.get(count.index).nom}"

Mais ça ne marche toujours pas...

J'ai fait un petit test pour voir comment fonctionnait ces balises <h> (j'utilise Primefaces) et chez moi, ça fonctionne parfaitement.
Voici ce que j'ai fait
Le "manager"

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
package test;
 
import java.util.ArrayList;
import java.util.List;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
 
@ManagedBean(name = "familleManager")
@SessionScoped
public class FamilleManager
{
    private String pere;
    private String mere;
    private List<Enfant> enfants = new ArrayList<Enfant>();
 
    public String getPere()
    {
        return pere;
    }
 
    public void setPere(String pere)
    {
        this.pere = pere;
    }
 
    public String getMere()
    {
        return mere;
    }
 
    public void setMere(String mere)
    {
        this.mere = mere;
    }
 
    public List<Enfant> getEnfants()
    {
        return enfants;
    }
 
    public void setEnfants(List<Enfant> enfants)
    {
        this.enfants = enfants;
    }
 
    public String display()
    {
        return "/test.xhtml?faces-redirect=true";
    }
 
    public String addEnfant()
    {
        enfants.add(new Enfant());
        return display();
    }
 
    public String save()
    {
        System.out.println("Enregistrement de la famille, père : " + getPere() + ", mère : " + getMere());
        if (getEnfants().size() > 0)
        {
            System.out.println("Enfants");
            for (Enfant enfant : getEnfants())
            {
                System.out.println("   - " + enfant.getNom());
            }
        }
        return display();
    }
}

L'objet Enfant

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
package test;
 
public class Enfant
{
    private String nom;
 
    public String getNom()
    {
        return nom;
    }
 
    public void setNom(String nom)
    {
        this.nom = nom;
    }
}

La page (j'utilise un template là, mais tu peux t'en passer en adaptant un peu)

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
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui" template="/template/template.xhtml">
 
    <ui:define name="content">
 
    <h:form id="form1">
        <h1>Test</h1>
 
        <h:panelGrid columns="2">
            <h:outputText value="Père"/>
            <h:inputText value="#{familleManager.pere}" />
 
            <h:outputText value="Mère"/>
            <h:inputText value="#{familleManager.mere}" />
        </h:panelGrid>
        <hr />
 
        <h:commandButton action="#{familleManager.save()}" value="Enregistrer"/>
        <h:commandButton action="#{familleManager.addEnfant()}" value="Ajouter"/><br />
 
        <ui:repeat var="enfant" value="#{familleManager.enfants}">
            <h:outputText value="Enfant" />
            <h:inputText value="#{enfant.nom}" /><br />
        </ui:repeat>    
 
    </h:form>
    </ui:define>
</ui:composition>

28/04/2015, 15h25
daydream123

Super! ça fonctionne :ccool:
Je pense que ça ne fonctionnait pas chez moi parce que je faisais un render sur mon bloc... je ne comprends pas trop pourquoi, mais ça efface toutes mes données.
Merci pour tes réponses!!