JSF Rafraichissement automatique tabPanel

Version imprimable

15/06/2009, 17h12
majidiabdo

JSF Rafraichissement automatique tabPanel

Bonjour,

Est ce que quelqu'un peut me dire comment rafraichir automatiquement une page jsp.

Dans la meme page, j'ai plusieurs onglets( tabPanel ) et je veux rafraichir ma page à chaque fois que je change l'onglet .

Merci............
15/06/2009, 17h25
Sniper37

reRender: Prend le(s) id de(s) composant(s) à mettre à jour au retour de la requete ajax.

j'ai dejas essayé avec le "render" mais ca marche pas .

voila mon code
Code:

1 2 3 4 5 6 <h:selectOneMenu id="VMCombo" value="#{mBean.selectedVM}"> <f:selectItems value="#{mBean.users}"/> <a4j:support event="onchange" actionListener="#{mBean.changeUser}" reRender="barChartTwo"/> </h:selectOneMenu>
l'element à changer est "barchartTwo".

Lorsque j'appui sur F5, le changement se fait. c'est pour cela que j'ai posé la question comment raifrachir une page jsp.

Merci.

15/06/2009, 17h50
Sniper37

et le code de barchartTwo.

le voila :

Code:

1
2
3
4
5
6
7
8
 
 
<fiji:barChart id="barChartTwo" value="#{mBean.data}" legendCaption="Index"
                       subtitle="test" barColors="#{mBean.colors}"
                       title="test" width="500" height="500" legendPosition="top"
                       toolTipValue="{x} : {y} test" rulersValuesHighlight="none">
            <fiji:chartData type="name" value="#{mBean.names}" />
        </fiji:barChart>

et si tu fais:

Code:

1
2
3
4
5
6
7
8
9
10
 
<a4j:outputPanel id="barChartTwo">
<fiji:barChart  value="#{mBean.data}" legendCaption="Index"
                       subtitle="test" barColors="#{mBean.colors}"
                       title="test" width="500" height="500" legendPosition="top"
                       toolTipValue="{x} : {y} test" rulersValuesHighlight="none">
            <fiji:chartData type="name" value="#{mBean.names}" />
        </fiji:barChart>
 
</a4j:outputPanel>

15/06/2009, 18h16
majidiabdo

Merci beaucoup mais ca ne change rien
15/06/2009, 18h22
Sniper37

C'est bien inclus dans un form..
15/06/2009, 18h27
majidiabdo

oui.

le form inclut le combobox et l'element à changer.
15/06/2009, 18h34
Sniper37

tu n'a pas d'erreur de validation ou conversion?

tu as les logs des phases JSF??
16/06/2009, 10h14
majidiabdo

J'ai aucun erreur. Tous se passe bien sauf que je vois pas le changment qu'àprés le rechargement de la page (F5) Or moi, je cherche à ajaxfier les choses.

Je vous signale juste que l'element à changer fait partie des composants de "FIJI" (Charting).

Merci bcp.
16/06/2009, 10h15
jurin80

Salut,
Je vois bien le composant que tu voudrais rafraîchir, mais je ne vois pas le tabPanel. Si tu en utilises un, il a une propriété switchType que tu peux mettre à server pour rafraîchir ta page au changement d'onglet.

hope that helps
16/06/2009, 10h51
majidiabdo

et si je vous dis que l'element à changer est dans le meme Onglet "tabPanel". cad, je ne change meme pas le tabPanel.

Autrement dit : supposons que j'ai une page simple sans tabPanel. le changement ne s'effectue qu'après le rafraichissement de la page (F5). Pourquoi ??
16/06/2009, 11h20
Sniper37

tu as modifié le submitMode du tabPanel?
peux tu montrer le code entier qui pose problème.

Ok, Voila le code entier :

page jsp :

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
 
<rich:tabPanel title="PFE_TabPanel" switchType="server" width="#{Config.screenWidth}">	
 
 
<rich:tab  label="Analyse">
<h:form id="filtreAnalayse">
 
<h:outputLabel value="DR" for="DRCombo" />
 
<h:selectOneMenu id="DRCombo" value="#{mBean.selectedDR}">	 
    <f:selectItems value="#{mBean.listDR}"/>   
    <a4j:support event="onchange" actionListener="#{mBean.changeDR}" 
    reRender="VMCombo"/>
    </h:selectOneMenu>
 
 
<h:outputLabel value="VM" for="VMCombo" />
 
<h:selectOneMenu id="VMCombo" value="#{mBean.selectedVM}">	 
    <f:selectItems value="#{mBean.users}"/>   
    <a4j:support event="onchange" actionListener="#{mBean.changeUser}" 
    reRender="barChartTwo"/>
    </h:selectOneMenu>
 
 
<a4j:outputPanel id="barChartTwoZ">
 
    <fiji:barChart id="barChartTwo" rendered="true"  value="#{mBean.data}" legendCaption="Index"
                       subtitle="INTEGRADIS EUROPE 2009" barColors="#{mBean.colors}"
                       title="Nombre de Medecins / Specialite / Potentiel" width="500" height="500" legendPosition="top"
                       toolTipValue="{x} : {y} medecins" rulersValuesHighlight="none">
            <fiji:chartData type="name" value="#{mBean.names}" />
        </fiji:barChart>
 </a4j:outputPanel>       
 </h:form>    
 
 
</rich:tab>
<rich:tab  label="Autres">
 
</rich:tab>
 
</rich:tabPanel>

voila le bean :"mBean"

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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
 
 
package com.integradis.europe.charts.displaying;
 
import java.util.ArrayList;
import java.util.Iterator;
import java.util.LinkedHashMap;
import java.util.List;
import java.util.Map;
 
import javax.annotation.PostConstruct;
import javax.faces.event.ActionEvent;
import javax.faces.model.SelectItem;
 
import com.integradis.europe.charts.metier.ChartingMedecins;
import com.integradis.europe.persistance.user.Utilisateur;
import com.integradis.europe.persistance.user.UtilisateurDAO;
 
public class AnalyseUsersBean {
 
 
	private List<SelectItem> listDR=new ArrayList<SelectItem>();
	private List<SelectItem> users =new ArrayList<SelectItem>();
	private String user;
	private String selectedVM,selectedDR;
 
 
	private UtilisateurDAO userDao=new UtilisateurDAO();
 
 
// Charting Attributes	
    private  Map<String, Integer[]> data = new LinkedHashMap<String,Integer[]>();
    private  ArrayList<String> names = new ArrayList<String>();
    private  ArrayList<String> colors = new ArrayList<String>();
 
 
 
    private Integer[] A;  
    private Integer[] B;
    private Integer[] C;
 
 
    private ChartingMedecins cm=new ChartingMedecins();
 
 
 
    public AnalyseUsersBean() {
        super();
       init();
    }
 
 
 
    public void init(){
 
		 List<Utilisateur> rs=new ArrayList<Utilisateur>();
	       	rs.clear();
	       	rs=userDao.findAll();
	       	users.clear();
	       	listDR.clear();
 
	       	for(Utilisateur u : rs){
	       		if(u.getUtilisateur()!=null)
	       			users.add(new SelectItem(u.getCodeUtil(),u.getLogin()));	
	       		else
	       			listDR.add(new SelectItem(u.getCodeUtil(),u.getLogin()));
	       	}
 
 
   String code="uuu1";
   doChange(code);
 
	}
 
 
 
	public void changeUser(ActionEvent e){
 
		 doChange(this.selectedVM);
 
 
	}
 
	public void changeDR(ActionEvent e){
 
		Utilisateur uu=userDao.findById(this.selectedDR);
 
 
		 List<Utilisateur> list=new ArrayList<Utilisateur>();
		 list.addAll(uu.getUtilisateurs());
		 //VMs
		 users.clear();
		 for (Utilisateur u : list) 
			 users.add(new SelectItem(u.getCodeUtil(),u.getLogin()));	
 
	}
 
	public void doChange(String code){
 
 
		List<String> list;  
	    list=cm.getSpecilities();
	    A=new Integer[list.size()];
	    C=new Integer[list.size()];
	    B=new Integer[list.size()];
 
	    for(int i=0;i<list.size();i++){
 
	    	   A[i]=cm.getSpecilitiesPotentielsByUser(list.get(i),"A",code);
	    	   B[i]=cm.getSpecilitiesPotentielsByUser(list.get(i),"B",code);
	    	   C[i]=cm.getSpecilitiesPotentielsByUser(list.get(i),"C",code);
	    	   names.add(list.get(i));
 
 
		   } 
 
 
        data.put("Pot A", A);
        data.put("Pot B", B);
        data.put("Pot C", C);
 
        colors.add("#DAA520");
        colors.add("#b0343c");
        colors.add("##006600");
        colors.add("#5db2c2");
        colors.add("#FF0000");
 
 
	}
 
 
 
	public List<SelectItem> getUsers() {
		return users;
	}
 
 
 
	public void setUsers(List<SelectItem> users) {
		this.users = users;
	}
 
 
 
	public String getUser() {
		return user;
	}
 
 
 
	public void setUser(String user) {
		this.user = user;
	}
 
 
 
 
 
 
 
	public String getSelectedVM() {
		return selectedVM;
	}
 
 
 
	public void setSelectedVM(String selectedVM) {
		this.selectedVM = selectedVM;
	}
 
 
 
	public UtilisateurDAO getUserDao() {
		return userDao;
	}
 
 
 
	public void setUserDao(UtilisateurDAO userDao) {
		this.userDao = userDao;
	}
 
 
 
	public Map<String, Integer[]> getData() {
		return data;
	}
 
 
 
	public void setData(Map<String, Integer[]> data) {
		this.data = data;
	}
 
 
 
	public ArrayList<String> getNames() {
		return names;
	}
 
 
 
	public void setNames(ArrayList<String> names) {
		this.names = names;
	}
 
 
 
	public ArrayList<String> getColors() {
		return colors;
	}
 
 
 
	public void setColors(ArrayList<String> colors) {
		this.colors = colors;
	}
 
 
 
 
 
 
	public Integer[] getA() {
		return A;
	}
 
 
 
	public void setA(Integer[] a) {
		A = a;
	}
 
 
 
	public Integer[] getB() {
		return B;
	}
 
 
 
	public void setB(Integer[] b) {
		B = b;
	}
 
 
 
	public Integer[] getC() {
		return C;
	}
 
 
 
	public void setC(Integer[] c) {
		C = c;
	}
 
 
 
	public ChartingMedecins getCm() {
		return cm;
	}
 
 
 
	public void setCm(ChartingMedecins cm) {
		this.cm = cm;
	}
 
 
 
	public List<SelectItem> getListDR() {
		return listDR;
	}
 
 
 
	public void setListDR(List<SelectItem> listDR) {
		this.listDR = listDR;
	}
 
 
 
	public String getSelectedDR() {
		return selectedDR;
	}
 
 
 
	public void setSelectedDR(String selectedDR) {
		this.selectedDR = selectedDR;
	}
 
}

ce que je veux :

lorsque je change la valeur du combox, les données du "barChartTwo" (<fiji:barChart id="barChartTwo">" changent aussi.

Mon problème est le suivant : lorsque je change la valeur du combobox je ne vois de changement (page vide "blanche") mais lorsque je fait "F5" je vois le changement des données.

J'espère que c'est clair.

16/06/2009, 13h48
Sniper37

Avant l'action, le composant fidji s'affiche??

tu peux essayer avec un autre composant..outputText par exemple pour voir si les valeurs ont bien été modifiées.
16/06/2009, 14h01
majidiabdo

Avant l'action ,le composant s'affiche.

J'ai dé jas travaillé avec autres composantes (genre : combobox, datatable,..) et ca marche sans aucun problème.

Le problème : pourquoi le changement ne s'effectue qu'àprès le rafraichissement (F5) ??
16/06/2009, 14h09
Sniper37

peut être ce composant est mal géré dans le reRender de la requete, essaye d'ajouter

Code:

<a4j:suport process="barChart_id" ../>

tu travaille avec la dernière version de Richfaces?
16/06/2009, 15h14
majidiabdo

Avec <a4j:support ........ il n'y a aucun changement meme apres le rafraichissement .

Je travaille avec la version 3.3.0
16/06/2009, 15h20
Sniper37

essaye avec la dernière version: 3.3.1.GA et tiens moi au courant.
16/06/2009, 16h24
majidiabdo

Pas de changement meme avec la version 3.3.1

thanks.
22/06/2009, 17h53
Sniper37

Il faut utiliser l'api jaavscript:

Code:

<h:commandLink styleClass="awh" onclick="$('myForm:columnChartOne:component').update(); return false;" value="Update()" />

voir la demo

Merci beaucoup.

J'ai utilisé la solution suivante :
Code:

1 2 3 <a4j:commandButton value="OK" onclick="test();" actionListener="#{mBean.changeUser}" reRender="barChartTwo"/>
et voila la fonction javascript :
Code:

1 2 3 4 5 function test(){ top.location = "mapage.jsf" }
C'est presque pareil que celle que vous venez de me proposer.

01/05/2010, 18h29
zahenianis

auto refresh avec balise meta

pourquoi ne pas essayer tout simplement de rafraichir le html et ça va engendrer un refresh de la jsp source :

<meta http-equiv ="refresh" content="X;URL=Y">

X : nombre de secondes

Y : la page jsp ou n'importe.