Discussion :

[ahmedpa]

Bonjour ,

Je suis entrain de développer une page en utilisant le jeux de composant primefaces et je tombe sur un problème que j'aimerais bien s'il vous plait que vous m'aidiez parce qu j'ai pas trouvé la solution.

J'ai un accordion et à l'intérieur je possède un tableau et un formulaire comme suit :

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<p:accordionPanel multiple="true">
 
 
 
		<p:tab title="Préférence de l'emploi">
			<h:form id="preferenceemploiT">
				<p:panel id="panelprefemploi">
 
					<p:messages id="emploipref" />
					<center>
						<p:dataTable id="preferenceemploidataTable" var="prefemploi"
							value="#{candidatCtr.listemploipreference}"
							emptyMessage="Aucun élement n'est disponibe pour le moment">
 
							<p:column headerText="Type Emploi" style="width:20%">
								<h:outputText value="#{prefemploi.typeemploi}" />
							</p:column>
 
							<p:column headerText="Emploi desiré" style="width:35%">
								<h:outputText value="#{prefemploi.emploidesire}" />
							</p:column>
 
 
 
 
							<p:column headerText="Modifier" style="width:4%">
								<center>
									<p:commandButton id="Edit" icon="ui-icon-arrowrefresh-1-w"
										action="#{candidatCtr.loadtoModifPreferenceEmploi}"
										update=":panelprefemploi">
										<f:setPropertyActionListener value="#{prefemploi}"
											target="#{candidatCtr.loadtoModifEmploipref}" />
									</p:commandButton>
								</center>
							</p:column>
 
 
 
							<p:column headerText="Supprimer" style="width:5%">
								<center>
									<p:commandButton update="panelprefemploi"
										action="#{candidatCtr.deletepreferenceEmploi}"
										icon="ui-icon-trash">
										<f:setPropertyActionListener value="#{prefemploi}"
											target="#{candidatCtr.emploipreferencefordelete}" />
									</p:commandButton>
 
								</center>
							</p:column>
						</p:dataTable>
					</center>
 
					<h:panelGrid id="tabb" columns="2" cellspacing="15">
 
						<h:outputText value="Type d'emploi:" />
						<p:selectOneMenu
							value="#{candidatCtr.emploipreference.typeemploi}"
							required="true"
							requiredMessage="Vous devez saisir votre type d'emploi"
							style="width:220px;">
							<f:selectItem itemLabel="Choisir" itemValue="" />
							<f:selectItem itemLabel="Temporaire" itemValue="Temporaire" />
							<f:selectItem itemLabel="Permanent" itemValue="Permanent" />
						</p:selectOneMenu>
 
						<h:outputText value="Emploi desiré : " />
						<p:inputText id="emploidesire" required="true"
							requiredMessage="Vous devez saisir votre emploi desiré"
							value="#{candidatCtr.emploipreference.emploidesire}"
							style="width:210px">
						</p:inputText>
 
 
 
 
						<p:commandButton value="Sauvegarder"
							style="color:blue;border-radius:7px"
							actionListener="#{candidatCtr.preferenceEmploiUpdate}"
							update="panelprefemploi" />
 
					</h:panelGrid>
 
				</p:panel>
			</h:form>
		</p:tab>
 
 
 
 
	</p:accordionPanel>

Lorsque je clique sur le button sauvegarder mon tableau s'actualise automatiquement mais le problème au niveau des buttons modifier et supprimer. lorsque je clique sur une ligne du tableau pour modifier les informations ne s'affichent pas dans le formulaire et lorsque je clique sur le supprimer aucun effet aussi.

Est-ce-que vous avez une idée s'il vous plait?

Merci

[Mishulyna]

Bonjour,

J'ai fait une page avec ton code et j'ai un message "The button/link/text component needs to have a Form in its ancestry. Please add <h:form>."
Tu n'aurais pas des h:form imbriqués? Si ce n'est pas le cas, essaie de modifier dans le fichier web.xml

Code :

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

1
2
3
4
<context-param>
        <param-name>javax.faces.PROJECT_STAGE</param-name>
        <param-value>Production</param-value>
    </context-param>

parfois ça aide.

[ahmedpa]

au fait fait ceci mais pas de résultat toujours la même chose

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<p:accordionPanel multiple="true">
 
 
 
		<p:tab title="Préférence de l'emploi">
 
				<p:panel id="panelprefemploi">
				<h:form id="form1">
					<p:messages id="emploipref" />
					<center>
						<p:dataTable id="preferenceemploidataTable" var="prefemploi"
							value="#{candidatCtr.listemploipreference}"
							emptyMessage="Aucun élement n'est disponibe pour le moment">
 
							<p:column headerText="Type Emploi" style="width:20%">
								<h:outputText value="#{prefemploi.typeemploi}" />
							</p:column>
 
							<p:column headerText="Emploi desiré" style="width:35%">
								<h:outputText value="#{prefemploi.emploidesire}" />
							</p:column>
 
 
 
 
							<p:column headerText="Modifier" style="width:4%">
								<center>
									<p:commandButton id="Edit" icon="ui-icon-arrowrefresh-1-w"
										action="#{candidatCtr.loadtoModifPreferenceEmploi}"
										update="form2">
										<f:setPropertyActionListener value="#{prefemploi}"
											target="#{candidatCtr.loadtoModifEmploipref}" />
									</p:commandButton>
								</center>
							</p:column>
 
 
 
							<p:column headerText="Supprimer" style="width:5%">
								<center>
									<p:commandButton update="form2"
										action="#{candidatCtr.deletepreferenceEmploi}"
										icon="ui-icon-trash">
										<f:setPropertyActionListener value="#{prefemploi}"
											target="#{candidatCtr.emploipreferencefordelete}" />
									</p:commandButton>
 
								</center>
							</p:column>
						</p:dataTable>
					</center>
					</h:form>
 
					<h:form id="form2">
										<h:panelGrid id="tabb" columns="2" cellspacing="15">
 
						<h:outputText value="Type d'emploi:" />
						<p:selectOneMenu
							value="#{candidatCtr.emploipreference.typeemploi}"
							required="true"
							requiredMessage="Vous devez saisir votre type d'emploi"
							style="width:220px;">
							<f:selectItem itemLabel="Choisir" itemValue="" />
							<f:selectItem itemLabel="Temporaire" itemValue="Temporaire" />
							<f:selectItem itemLabel="Permanent" itemValue="Permanent" />
						</p:selectOneMenu>
 
						<h:outputText value="Emploi desiré : " />
						<p:inputText id="emploidesire" required="true"
							requiredMessage="Vous devez saisir votre emploi desiré"
							value="#{candidatCtr.emploipreference.emploidesire}"
							style="width:210px">
						</p:inputText>
 
 
 
 
						<p:commandButton value="Sauvegarder"
							style="color:blue;border-radius:7px"
							actionListener="#{candidatCtr.preferenceEmploiUpdate}"
							update="form1" />
 
					</h:panelGrid>
					</h:form>
				</p:panel>
 
		</p:tab>
 
 
 
 
	</p:accordionPanel>

mais lorsque j'annule le p:accordion et les p:tab ça marche

[Mishulyna]

Pourrais-tu m'expliquer ce que les boutons doivent faire?

J'ai mis le h:form du premier exemple comme ça

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<p:accordionPanel multiple="true">
                        <p:tab title="Préférence de l'emploi">
                            <h:form id="preferenceemploiT">
                                <p:panel id="panelprefemploi">
 
                                           ...
 
                                </p:panel>
                            </h:form>
                        </p:tab>
                    </p:accordionPanel>

et ça a l'air de marcher avec update="@all" partout mais en fait j'ignore ce que tu veux rafraîchir par quel bouton. C'est quoi <center>?

[ahmedpa]

au fait ce que je veux lorsque je clique sur le button modifier la ligne auquel je sélectionne, toutes les valeurs apparaissent dans les inputext du formulaire pour pourvoir modifier et lorsque je clique sur le button supprimer la ligne disparaît avec une actualisation sur le dataTable. j'ai un problème d'actualisation voilà

[Mishulyna]

Bonjour,

J'ai réussi à faire quelque chose (avec PPR - Partial Tree Process) mais vue que la logique métier que j'ai mis derrière est complètement bidon, pas moyen d'en être sûre.

Tout d'abord: j'ai modifié CandidatCtr en @ViewScope. Puis:

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
<p:column headerText="Modifier" style="width:4%">
                       <p:commandButton id="Edit" icon="ui-icon-arrowrefresh-1-w"
                                action="#{candidatCtr.loadtoModifPreferenceEmploi}"
                                process="@this" update="@form:tabb">
                                <f:setPropertyActionListener value="#{prefemploi}"
                                                                             target="#{candidatCtr.loadtoModifEmploipref}" />
                       </p:commandButton>
            </p:column>
 
            <p:column headerText="Supprimer" style="width:5%">
                        <p:commandButton id="delete" process="@this" update="@this"
                                 action="#{candidatCtr.deletepreferenceEmploi}" oncomplete="#{candidatCtr.listemploipreference}"
                                                             icon="ui-icon-trash">
                                 <f:setPropertyActionListener value="#{prefemploi}"
                                                                             target="#{candidatCtr.emploipreferencefordelete}" />
                        </p:commandButton>
 
 
                                              .........................................................................................
 
 
 
                        <p:commandButton value="Sauvegarder"
                                 style="color:blue;border-radius:7px"
                                 actionListener="#{candidatCtr.preferenceEmploiUpdate}"
                                 process="@this" update="panelprefemploi" />

[ahmedpa]

Merci beaucoup ça marche