Sélection automatique d'un <rich:panelBarItem>

Version imprimable

17/03/2009, 09h43
cybermat3

Sélection automatique d'un <rich:panelBarItem>

Bonjour,

J'ai créer un rich:panelBar avec plusieur rich:panelBarItem. chaque rich:panelBarItem contient une liste de champ à encoder et un bouton pour enregistrer le tout. Lorsque je clique sur le bouton, les données sont bien sauvegardée et la page est rechargée. Le problème que j'ai c'est que après le rechargement de la page, je reviens sur le premier rich:panelBarItem.

Ce que je voudrais, c'est passer au suivant.

Est-ce que quelqu'un saurait me dire comment je pourrais arriver à faire ça.

D'avance merci.
17/03/2009, 10h39
Sniper37

utilise l'attribut selectedPanel qui définit le nom de du panel à afficher, tu peux le modifier dans le java ou dans la page avec a4j:actionparam ..

En fait j'ai déjà essayer avec selectedPanel mais ça n'a pas marché.

ma méthode enregistrer

Code:

1
2
3
4
5
6
7
8
9
 
private PanelBarBean panelBar = new PanelBarBean();
 
public String enregistrer() {
	dossier.addClient(currentClient);
	panelBar.selectedGeneralPanelBar();
 
	return "enregistrer";
}

ma classe PanelBarBean

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
 
public class PanelBarBean {
 
	private PanelBar currentPanelBar;
 
	private int general = 1;
	private int scope = 1;
	private int descriProjet = 1;
	private int future = 1;
	private int technique = 1;
	private int cycle = 1;
 
	public PanelBarBean() {
		currentPanelBar = PanelBarUtil.currentPanelBar();
	}
 
	public PanelBar getCurrentPanelBar() {
		return currentPanelBar;
	}
 
	public void selectedGeneralPanelBar() {
		currentPanelBar.getBarGenrale().setSelectedPanel(currentPanelBar.getGeneralBar().get(general));
		general++;
	}
 
	public void selecterScopePanelBar() {
		currentPanelBar.getBarScope().setSelectedPanel(currentPanelBar.getScopeBar().get(scope));
		scope++;
	}
 
	public void selectedDescriProjetPanleBar() {
		currentPanelBar.getBarDescriProjet().setSelectedPanel(currentPanelBar.getDescriProjetBar().get(descriProjet));
		descriProjet++;
	}
 
	public void selectedFuturePanelBar() {
		currentPanelBar.getBarFuture().setSelectedPanel(currentPanelBar.getFutureBar().get(future));
		future++;
	}
 
	public void selectedTechniquePanelBar() {
		currentPanelBar.getBarTechnique().setSelectedPanel(currentPanelBar.getTechniqueBar().get(technique));
		technique++;
	}
 
	public void selectedCyclePanelBar() {
		currentPanelBar.getBarCycle().setSelectedPanel(currentPanelBar.getCycleBar().get(cycle));
		cycle++;
	}
 
}

ma classe PanelBar

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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
 
public class PanelBar {
 
	private List<String> generalBar = new ArrayList<String>();
	private List<String> scopeBar = new ArrayList<String>();
	private List<String> descriProjetBar = new ArrayList<String>();
	private List<String> futureBar = new ArrayList<String>();
	private List<String> techniqueBar = new ArrayList<String>();
	private List<String> cycleBar = new ArrayList<String>();
 
	private HtmlPanelBar barGenrale = new HtmlPanelBar();
	private HtmlPanelBar barScope = new HtmlPanelBar();
	private HtmlPanelBar barDescriProjet = new HtmlPanelBar();
	private HtmlPanelBar barFuture = new HtmlPanelBar();
	private HtmlPanelBar barTechnique = new HtmlPanelBar();
	private HtmlPanelBar barCycle = new HtmlPanelBar();
 
	public PanelBar() {
		populateList();
 
		barGenrale.setSelectedPanel(generalBar.get(0));
		barScope.setSelectedPanel(scopeBar.get(0));
		barDescriProjet.setSelectedPanel(scopeBar.get(0));
		barFuture.setSelectedPanel(futureBar.get(0));
		barTechnique.setSelectedPanel(techniqueBar.get(0));
		barCycle.setSelectedPanel(cycleBar.get(0));
	}
 
	public void populateList() {
		generalBar.add(new String("client"));
		generalBar.add(new String("scope"));
		generalBar.add(new String("acteur"));
		generalBar.add(new String("descriProjet"));
		generalBar.add(new String("technique"));
		generalBar.add(new String("cycleDev"));
		generalBar.add(new String("sylis"));
		generalBar.add(new String("phase"));
		generalBar.add(new String("budget"));
 
		scopeBar.add(new String("desciption"));
		scopeBar.add(new String("contrainte"));
		scopeBar.add(new String("limite"));
		scopeBar.add(new String("volume"));
 
		descriProjetBar.add(new String("actuelle"));
		descriProjetBar.add(new String("future"));
		descriProjetBar.add(new String("requirement"));
 
		futureBar.add(new String("description"));
		futureBar.add(new String("workflow"));
 
		techniqueBar.add(new String("net-java"));
		techniqueBar.add(new String("win-web"));
		techniqueBar.add(new String("architecture"));
		techniqueBar.add(new String("infrastructure"));
		techniqueBar.add(new String("outil"));
 
		cycleBar.add(new String("approche"));
		cycleBar.add(new String("strategie"));
	}
 
	public List<String> getGeneralBar() {
		return generalBar;
	}
 
	public void setGeneralBar(List<String> generalBar) {
		this.generalBar = generalBar;
	}
 
	public List<String> getScopeBar() {
		return scopeBar;
	}
 
	public void setScopeBar(List<String> scopeBar) {
		this.scopeBar = scopeBar;
	}
 
	public List<String> getDescriProjetBar() {
		return descriProjetBar;
	}
 
	public void setDescriProjetBar(List<String> descriProjetBar) {
		this.descriProjetBar = descriProjetBar;
	}
 
	public List<String> getFutureBar() {
		return futureBar;
	}
 
	public void setFutureBar(List<String> futureBar) {
		this.futureBar = futureBar;
	}
 
	public List<String> getTechniqueBar() {
		return techniqueBar;
	}
 
	public void setTechniqueBar(List<String> techniqueBar) {
		this.techniqueBar = techniqueBar;
	}
 
	public List<String> getCycleBar() {
		return cycleBar;
	}
 
	public void setCycleBar(List<String> cycleBar) {
		this.cycleBar = cycleBar;
	}
 
	public HtmlPanelBar getBarGenrale() {
		return barGenrale;
	}
 
	public void setBarGenrale(HtmlPanelBar barGenrale) {
		this.barGenrale = barGenrale;
	}
 
	public HtmlPanelBar getBarScope() {
		return barScope;
	}
 
	public void setBarScope(HtmlPanelBar barScope) {
		this.barScope = barScope;
	}
 
	public HtmlPanelBar getBarDescriProjet() {
		return barDescriProjet;
	}
 
	public void setBarDescriProjet(HtmlPanelBar barDescriProjet) {
		this.barDescriProjet = barDescriProjet;
	}
 
	public HtmlPanelBar getBarFuture() {
		return barFuture;
	}
 
	public void setBarFuture(HtmlPanelBar barFuture) {
		this.barFuture = barFuture;
	}
 
	public HtmlPanelBar getBarTechnique() {
		return barTechnique;
	}
 
	public void setBarTechnique(HtmlPanelBar barTechnique) {
		this.barTechnique = barTechnique;
	}
 
	public HtmlPanelBar getBarCycle() {
		return barCycle;
	}
 
	public void setBarCycle(HtmlPanelBar barCycle) {
		this.barCycle = barCycle;
	}
 
}

En fait j'ai tester si il mettait bien la valeur de l'id du prochain panel dans l'attribut selectedPanel et il l'a met bien mais c'est pas pour ça que il affiche le bon après le rechargement de la page.

J'ai essayer d'initialiser l'attribut selectedPanel à une autre valeur que celle du premier panel et ca marche au chargement de la page il revient toujours à celui qui est mit à l'initialisation.

J'ai aussi essayer (on ne sait jamais) de mettre un a4j:support sur mon bouton avec un reRender de mon rich:panelBar mais sans succès.

17/03/2009, 11h39
Sniper37

Essaye avec le nom du panel et pas l'id. par défaut name est égal à getId() mais faut vérifier si ça correspond à l'id que tu donne ou l'id généré.
17/03/2009, 11h52
cybermat3

je viens d'essayer avec le nom du panel mais ca n'a rien changer il fait le même que avec id
17/03/2009, 11h55
Sniper37

tu peux montrer le code de ta page..

voila le code de ma page.

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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
 
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib prefix="rich" uri="http://richfaces.org/rich"%>
<%@ taglib prefix="a4j" uri="http://richfaces.org/a4j"%>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Outil de réponses automatisées aux offres</title>
</head>
<body>
<center><f:view>
	<rich:panelBar binding="#{panelBar.currentPanelBar.barGenrale}" width="900">
		<rich:panelBarItem name="client" headerClass="headerPanelBarItem" label="Gestion du client">
			<h:form>
				<center>
				<table border="0" cellpadding="5">
					<tr>
						<td></td>
						<td></td>
						<td colspan="2"><rich:comboBox selectFirstOnUpdate="false" defaultLabel="Sélectionné un client" id="selectClient" value="#{clientBean.currentClient.name}">
							<a4j:support event="onselect" reRender="clientName, clientMail, clientLogo" actionListener="#{clientBean.recupNomSelect}" />
							<f:selectItems value="#{clientBean.clientItems}" />
						</rich:comboBox></td>
					</tr>
					<tr>
						<td><h:outputText value="Nom : " /></td>
						<td><h:inputText id="clientName" disabled="true" value="#{clientBean.currentClient.name}">
						</h:inputText></td>
					</tr>
					<tr>
						<td><h:outputText value="Email : " /></td>
						<td><h:inputText id="clientMail" disabled="true" value="#{clientBean.currentClient.email}" /></td>
					</tr>
					<tr>
						<td><h:outputText value="Logo : " /></td>
						<td><h:graphicImage id="clientLogo"
							value="#{clientBean.currentClient.urlLogo}" /></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td><h:commandButton value="Ajouter un client" action="#{clientBean.ajoutClient}" /></td>
						<td><h:commandButton value="Modifier client" action="#{clientBean.modifClient}" /></td>
						<td><h:commandButton value="Enregistrer" action="#{clientBean.enregistrer}" /></td>
					</tr>
				</table>
				</center>
			</h:form>
		</rich:panelBarItem>
		<rich:panelBarItem name="scope" label="Scope du projet">
 
		</rich:panelBarItem>
		<rich:panelBarItem name="acteur" label="Acteurs">
 
		</rich:panelBarItem>
		<rich:panelBarItem name="descriProjet" label="Description du projet">
 
		</rich:panelBarItem>
		<rich:panelBarItem name="technique" label="Techniques">
			<center><rich:panelBar width="850">
				<rich:panelBarItem name="net-java" label=".Net - Java">
 
				</rich:panelBarItem>
				<rich:panelBarItem name="win-web" label="Win - Web">
 
				</rich:panelBarItem>
				<rich:panelBarItem name="architecture" label="Architecture">
 
				</rich:panelBarItem>
				<rich:panelBarItem name="infrastructure" label="Implication infrastructure">
 
				</rich:panelBarItem>
				<rich:panelBarItem name="outil" label="Outils">
 
				</rich:panelBarItem>
			</rich:panelBar></center>
		</rich:panelBarItem>
		<rich:panelBarItem name="cycleDev" label="Cycle de développement">
			<center><rich:panelBar width="850">
				<rich:panelBarItem name="approche" label="Approche projet Sylis">
 
				</rich:panelBarItem>
				<rich:panelBarItem name="strategie" label="Statégie de communication avec ...">
 
				</rich:panelBarItem>
			</rich:panelBar></center>
		</rich:panelBarItem>
		<rich:panelBarItem name="sylis" label="Sylis et les projets à engagement de résultat">
 
		</rich:panelBarItem>
		<rich:panelBarItem name="phase" label="Implémentation en phases">
 
		</rich:panelBarItem>
		<rich:panelBarItem name="budget" label="Estimation budgétaire">
 
		</rich:panelBarItem>
	</rich:panelBar>
</f:view></center>
</body>
</html>

j'ai donc remplacer tout les champs id des panelBarItem par les champs nom

17/03/2009, 12h40
Sniper37

ajoute le panelBar dans le form.

tu peux ajouter l'attribut dans la page directement avec une expression EL.

et pourquoi tu utilise le binding?
17/03/2009, 13h04
cybermat3

Bon voilà ça ne marche toujours pas :cry:.

j'ai déplacer le h:form autour du panelBar,
j'ai retirer le binding et j'ai mis selectedPanel="#{panelBar.test}" (test = String),
j'ai mis dans ma méthode enregistrer du bouton un setTest("scope").

Il me met bien "scope" dans test mais la page rechargée revient toujours sur client.

j'ai aussi remis un a4j:support sur le bouton avec un reRender du panelBar mais rien y fait.

Et si je met dans test scope à la place de client au démarrage de l'appli c'est bien scope qui est afficher.

Je comprend pas pq il me fait pas la maj de l'affichage.
17/03/2009, 14h26
Sniper37

Citation:

Envoyé par cybermat3

Bon voilà ça ne marche toujours pas :cry:.

j'ai déplacer le h:form autour du panelBar,
j'ai retirer le binding et j'ai mis selectedPanel="#{panelBar.test}" (test = String),
j'ai mis dans ma méthode enregistrer du bouton un setTest("scope").

Il me met bien "scope" dans test mais la page rechargée revient toujours sur client.

j'ai aussi remis un a4j:support sur le bouton avec un reRender du panelBar mais rien y fait.

Et si je met dans test scope à la place de client au démarrage de l'appli c'est bien scope qui est afficher.

Je comprend pas pq il me fait pas la maj de l'affichage.

il est bien en session ton bean?

oui oui il est bien en session

Code:

1
2
3
4
5
6
 
<managed-bean>
		<managed-bean-name>panelBar</managed-bean-name>
  		<managed-bean-class>reponseauto.bean.PanelBarBean</managed-bean-class>
  		<managed-bean-scope>session</managed-bean-scope>
 </managed-bean>

17/03/2009, 15h51
Sniper37

il reste à ajouter le reRender du panelBar en ajax sur l'action qui le modifie..

J'ai essayer en mettant ceci :
Code:

1 2 3 4 <h:commandButton value="Enregistrer" action="#{clientBean.enregistrer}"> <a4j:support event="onclick" reRender="barGeneral" /> </h:commandButton>
Mais ça ne marche pas.

Doit-je mettre autre chose ou mettre un autre event ?

17/03/2009, 16h09
Sniper37
Citation:
Envoyé par cybermat3

J'ai essayer en mettant ceci :

Code:

1 2 3 4 <h:commandButton value="Enregistrer" action="#{clientBean.enregistrer}"> <a4j:support event="onclick" reRender="barGeneral" /> </h:commandButton>

Mais ça ne marche pas.

Doit-je mettre autre chose ou mettre un autre event ?
Non ça marche bien comme ça..le mieux meme c'est d'utiliser a4j:commandButton, tu n'aura pas besoin de a4j:support..si la valeur est bien modifiée dans la méthode enregistrer ça devrait marcher..

verifie sinon si tu n'a pas d'erreurs.. avec

Code:

<rich:messages />

et

Code:

<a4j:log/>
19/03/2009, 09h41
cybermat3

Bonjour,

J'ai essayer avec le a4j:commandButton mais ça ne change rien à ma navigation. Par contre au premier chargement de ma page, les composant dans mon panel utilise bien le skin deepMarine de richfaces mais après le rechargement de la page il ne prend plus en compte le skin. donc je suis revenu avec le h:commandButton et le a4j:support.

j'ai inséré les balise rich:messages et a4j:log dans ma page mais rien n'est afficher au rechargement de la page donc je suppose pas d'erreur. et rien non plus dans la console.