Discussion :

[majidiabdo]

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............

[Sniper37]

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

[majidiabdo]

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


voila mon code

Code :

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

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.

[Sniper37]

et le code de barchartTwo.

[majidiabdo]

le voila :

Code :

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

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>

[Sniper37]

et si tu fais:

Code :

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

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>

[majidiabdo]

Merci beaucoup mais ca ne change rien

[Sniper37]

C'est bien inclus dans un form..

[majidiabdo]

oui.

le form inclut le combobox et l'element à changer.

[Sniper37]

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

tu as les logs des phases JSF??

[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.

[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

[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 ??

[Sniper37]

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

[majidiabdo]

Ok, Voila le code entier :

page jsp :

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
 
<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 :

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
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.

[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.

[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) ??

[Sniper37]

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

Code :

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

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

tu travaille avec la dernière version de Richfaces?

[majidiabdo]

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

Je travaille avec la version 3.3.0

[Sniper37]

essaye avec la dernière version: 3.3.1.GA et tiens moi au courant.