Soucis rafraichissement avec un <p:pol>

**bobzaz** · 10/11/2015, 17h44

Bonjour,
Dans ma page d'acceuil j'ai un compteur qui me donne le nombre d'utilisateurs connectés à l'application.
J'utilise la balise <p:pol> pour scruter périodiquement si un nouvel utilisateur est connecté et mettre a jour le nombre.

Ce nombre affiché, est cliquable. Un clique permet d'ouvrir une pop up listant les utilisateurs connectés.

Mon problème est le suivant :

J'ai 2 utilisateurs connecté :

Ma page d'acceuil me dit "Nombre d'utilisateurs connectés : 2".Je clique sur le 2, une pop up s'ouvre et me liste les deux utilisateurs.

Un 3e utilisateurs se connecte.
Ma page d'acceuil se met a jour est marque "Nombre d'utilisateurs connectés : 3". Je clique sur le 3, une pop up s'ouvre et me liste les DEUX premiers utilisateurs.
En gros la liste ne s'est pas mise à jour....et je ne trouve pas la solution.

Si quelqu'un pouvait m'aider !!

Voici le code associé :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<!-- 	Page d'acceuil -->
 
<h:outputLabel id="utilisateursConnectesClientLeger" value="Nombre d'utilisateurs connectés : "/>    
 
		        	<p:commandLink 
							style="display:inline-block"
							actionListener="#{loginManager.refreshLogins}" 
							update="@form"
							oncomplete="utilisateursConnectesClientLegerWidget.show();"
 							 >
 								<h:outputText id="nombreUtilisateursClientLeger" value="#{loginManager.count}" /> 
 								<p:poll interval="10"  process="@form" oncomplete="#{loginManager.count}" update="@form" async="true" immediate="true" /> 
 					</p:commandLink>

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
<!-- 	Dialogue permettant d'afficher la liste des utilisateurs connectés (client léger) -->
 
				<p:dialog id="utilisateursConnectesClientLegerDialog" header="Liste des utilisateurs connectés au client Léger" 
					widgetVar="utilisateursConnectesClientLegerWidget" resizable="false" 
					closable="false" modal="true" appendToBody="true" >
 
					<p:dataTable 
						id="utilisateurClientLegerDataTable" 
						var="utilisateur"
						value="#{loginManager.logins}"					
						scrollable="true" 
						scrollHeight="300"
						emptyMessage="Pas d'utilisateur connecté"
						widgetVar="utilisateurDataTableWidget" >
 
						<p:column headerText="Role" width="100" >
							<h:outputText id="role" value="#{utilisateur.role}" />
						</p:column>
 
						<p:column headerText="Login" width="100">
							<h:outputText id="site" value="#{utilisateur.login}" />
						</p:column>
 
						<f:facet name="footer">
							<div style="text-align: center;">
								<p:commandButton id="annulerButton" value="Annuler"	onclick="utilisateursConnectesClientLegerWidget.hide()"/>
							</div>
						</f:facet>
 
					</p:dataTable>
 
				</p:dialog>

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
@ManagedBean(eager=true)
@ApplicationScoped
public class LoginManager {
 
	private List<Utilisateur> logins= new ArrayList<Utilisateur>();
 
	public List<Utilisateur> getLogins() {
		return logins;
	}
 
	public void setLogins(List<Utilisateur> logins) {
		this.logins = logins;
	}
 
 
	public int getCount() {
		return logins.size();
	}
 
	public List<Utilisateur> refreshLogins(){
		return getLogins();
	}
 
	public void addLogins(){
		Administrateur a = new Administrateur();
		a.setLogin("test");
		logins.add(a);
	}
}

**bobzaz** · 19/11/2015, 10h48

Personne ne peut m'aider ???

**OButterlin** · 19/11/2015, 16h33

Peux-tu lister tout le code de ta page plutôt que des fragments ?

**bobzaz** · 19/11/2015, 16h40

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
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html 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">
 
<ui:composition template="/protected/layout.xhtml">
	<ui:define name="content">
		<h1>Tableau de bord de l'Administrateur</h1>
		<h:form id="form">
 
		<p:panelGrid columns="2" cellpadding="5" layout="grid">
			<p:column>
					<p:panelGrid columns="2" cellpadding="5">
						<h:outputText value="Demandes de paramétrage à valider : " />
						<h:commandLink style="font-weight:bold" action="parametrage_a_valider">
							<h:outputText value="#{dashboardAdminBean.nbParametresAValider}" />
						</h:commandLink>
 
						<h:outputText value="Demandes de plages code transpondeur à valider : " />
						<h:commandLink style="font-weight:bold" action="plage_a_valider">
							<h:outputText value="#{dashboardAdminBean.plageCodeTranspondeurAValider}" />
						</h:commandLink>
 
						<h:outputText value="Dépassements de quota à valider : " />
						<h:commandLink style="font-weight:bold" action="depassement_quota_a_valider">
							<h:outputText value="#{dashboardAdminBean.nbDepassementQuotaAValider}" />
						</h:commandLink>
 
						<h:outputText value="Collectes sur journées fermées attendues : "/>
						<h:commandLink style="font-weight:bold" action="collecte_journee_fermee_a_integrer">
							<h:outputText value="#{dashboardAdminBean.nbJourneeFermeeAttendues}" />
						</h:commandLink>
 
						<h:outputText value="Journées sans donnée STAN perdue à valider : "/>
						<h:commandLink style="font-weight:bold" action="stan_perdue_a_valider">
							<h:outputText value="#{dashboardAdminBean.nbJourneeStanPerdueAValider}" />
						</h:commandLink>
					</p:panelGrid>
				</p:column>
 
				<p:column>
					<h:outputLabel id="utilisateursConnectes" value="Nombre d'utilisateur(s) connecté(s) : "/>    
 
		        	<p:commandLink 
							style="display:inline-block"
							actionListener="#{dashboardAdminBean.initNombreUtilisateursConnectes}"
							oncomplete="utilisateursConnectesWidget.show();"
 							update="@form" >
 								<h:outputText id="nombreUtilisateurs" value="#{dashboardAdminBean.nbUtilisateursConnectés}" /> 
 								<p:poll interval="10"  update="@form" async="true" immediate="true" /> 
 					</p:commandLink>
 
 					<h:outputLabel id="utilisateursConnectesClientLeger" value="Nombre : "/>    
 
		        	<p:commandLink 
							style="display:inline-block"
							process="@this"
							actionListener="#{loginManager.addLogins}" 
							update="@form"
							oncomplete="utilisateursConnectesClientLegerWidget.show();"
 							 >
 								<h:outputText id="nombreUtilisateursClientLeger" value="#{loginManager.count}" /> 
 								<p:poll interval="10"  process="@form" oncomplete="#{loginManager.count}" update="@form" async="true" immediate="true" /> 
 					</p:commandLink>
 
<!--  					<p:poll interval="10" listener="#{loginManager.refreshLogins}" update="utilisateurClientLegerDataTable" async="true" immediate="true" />  -->
<!--  					<p:dataTable  -->
<!-- 						id="utilisateurClientLegerDataTable"  -->
<!-- 						var="utilisateur" -->
<!-- 						value="#{loginManager.logins}"					 -->
<!-- 						scrollable="true"  -->
<!-- 						scrollHeight="300" -->
<!-- 						emptyMessage="Pas d'utilisateur connecté" -->
<!-- 						widgetVar="utilisateurDataTableWidget" > -->
 
<!-- 						<p:column headerText="Role" width="100" > -->
<!-- 							<h:outputText id="role" value="#{utilisateur.role}" /> -->
<!-- 						</p:column> -->
 
<!-- 						<p:column headerText="Login" width="100"> -->
<!-- 							<h:outputText id="site" value="#{utilisateur.login}" /> -->
<!-- 						</p:column> -->
<!-- 					</p:dataTable> -->
 
 
				</p:column>
 
		</p:panelGrid>
 
 
 
			<p:dataTable id="notificationTable" var="notification"
				emptyMessage="Pas de notification(s)"
				value="#{dashboardAdminBean.notifications}"
				 paginator="true" rows="20"  
                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}">
 
				<p:column headerText="Date">
					<h:outputText value="#{notification.dateCreation}">
						<f:convertDateTime pattern="dd-MM-yyyy H:mm" />
					</h:outputText>
				</p:column>
 
				<p:column headerText="Message">
					<h:outputText value="#{notification.message}" />
				</p:column>
			</p:dataTable>
 
			<p:poll interval="10"
				listener="#{dashboardAdminBean.onRefreshNotifications()}"
				update="notificationTable" />
 
		</h:form>
 
		<!-- 	Dialogue permettant d'afficher la liste des utilisateurs connectés (client lourd) -->
 
				<p:dialog id="utilisateursConnectesDialog" header="Liste des utilisateurs connectés" 
					widgetVar="utilisateursConnectesWidget" resizable="false" 
					closable="false" modal="true" appendToBody="true">
 
					<p:dataTable 
						id="utilisateurDataTable" 
						var="machine"
						value="#{dashboardAdminBean.machines}"					
						scrollable="true" 
						scrollHeight="300"
						emptyMessage="Pas d'utilisateur connecté"
						widgetVar="utilisateurDataTableWidget" >
 
						<p:column headerText="Hostname" width="100" >
							<h:outputText id="hostname" value="#{machine.hostname}" />
						</p:column>
 
						<p:column headerText="Site" width="100">
							<h:outputText id="site" value="#{machine.site.nom}" />
						</p:column>
 
						<f:facet name="footer">
							<div style="text-align: center;">
								<p:commandButton id="annulerButton" value="Annuler"	onclick="utilisateursConnectesWidget.hide()"/>
							</div>
						</f:facet>
 
					</p:dataTable>
 
				</p:dialog>
 
				<!-- 	Dialogue permettant d'afficher la liste des utilisateurs connectés (client léger) -->
 
				<p:dialog id="utilisateursConnectesClientLegerDialog" header="Liste des utilisateurs connectés au client Léger" 
					widgetVar="utilisateursConnectesClientLegerWidget" resizable="false" 
					closable="false" modal="true" appendToBody="true" >
 
					<p:dataTable 
						id="utilisateurClientLegerDataTable" 
						var="utilisateur"
						value="#{loginManager.logins}"					
						scrollable="true" 
						scrollHeight="300"
						emptyMessage="Pas d'utilisateur connecté"
						widgetVar="utilisateurDataTableWidget" >
 
						<p:column headerText="Role" width="100" >
							<h:outputText id="role" value="#{utilisateur.role}" />
						</p:column>
 
						<p:column headerText="Login" width="100">
							<h:outputText id="site" value="#{utilisateur.login}" />
						</p:column>
 
						<f:facet name="footer">
							<div style="text-align: center;">
								<p:commandButton id="annulerButton" value="Annuler"	onclick="utilisateursConnectesClientLegerWidget.hide()"/>
							</div>
						</f:facet>
 
					</p:dataTable>
 
				</p:dialog>
 
 
	</ui:define>
</ui:composition>
 
</html>

**OButterlin** · 19/11/2015, 17h09

Cette construction me paraît excessive

Code :

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

1
2
3
4
5
6
7
8
9
<p:commandLink 
        style="display:inline-block"
        process="@this"
        actionListener="#{loginManager.addLogins}" 
        update="@form"
        oncomplete="utilisateursConnectesClientLegerWidget.show();">
    <h:outputText id="nombreUtilisateursClientLeger" value="#{loginManager.count}" /> 
    <p:poll interval="10"  process="@form" oncomplete="#{loginManager.count}" update="@form" async="true" immediate="true" /> 
</p:commandLink>

Essaye quelque chose dans ce genre

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<p:commandLink update="dialog1" oncomplete="PF('dialog1Widget').show()">
    <h:outputText id="date" value="#{le nombre d'utilisateurs}"/>
</p:commandLink>
 
<p:poll delay="20" update="date"/>
 
<p:dialog id="dialog1" widgetVar="dialog1Widget">
    ... la liste des utilisateurs
</p:dialog>

**bobzaz** · 19/11/2015, 17h21

Envoyé par OButterlin

Cette construction me paraît excessive

Code :

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

1
2
3
4
5
6
7
8
9
<p:commandLink 
        style="display:inline-block"
        process="@this"
        actionListener="#{loginManager.addLogins}" 
        update="@form"
        oncomplete="utilisateursConnectesClientLegerWidget.show();">
    <h:outputText id="nombreUtilisateursClientLeger" value="#{loginManager.count}" /> 
    <p:poll interval="10"  process="@form" oncomplete="#{loginManager.count}" update="@form" async="true" immediate="true" /> 
</p:commandLink>

Essaye quelque chose dans ce genre

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<p:commandLink update="dialog1" oncomplete="PF('dialog1Widget').show()">
    <h:outputText id="date" value="#{le nombre d'utilisateurs}"/>
</p:commandLink>
 
<p:poll delay="20" update="date"/>
 
<p:dialog id="dialog1" widgetVar="dialog1Widget">
    ... la liste des utilisateurs
</p:dialog>

Effectivement le code etait un peu lourd car il contenait mes différents essais...

Voici le code minimaliste (qui revient à tes conseils...)

Mais ca ne marche pas mieux...
Le compteur se met bien a jour en fonction des connections...
mais quand je clique sur le nombre... le tableau contenant les utilisateurs n'est pas mis à jour ! Je dois rafraichir la page complete pour que ce soit bon.

C'est une histoire d'update apres le pol... mais quoi ?

Code :

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

1
2
3
4
5
6
7
8
<p:commandLink 
							style="display:inline-block"
							oncomplete="utilisateursConnectesClientLegerWidget.show();" >
 
 								<h:outputText id="nombreUtilisateursClientLeger" value="#{loginManager.count}" /> 
 					</p:commandLink>
 
 					<p:poll delay="10" update="nombreUtilisateursClientLeger" />

**OButterlin** · 20/11/2015, 10h36

Non, c'est l'update sur le commandLink qui manque

**bobzaz** · 20/11/2015, 10h45

Envoyé par OButterlin

Non, c'est l'update sur le commandLink qui manque

Code :

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

1
2
3
4
5
6
7
8
9
		        	<p:commandLink 
		        			update="@form"
							style="display:inline-block"
							oncomplete="utilisateursConnectesClientLegerWidget.show();" >
 
 								<h:outputText id="nombreUtilisateursClientLeger" value="#{loginManager.count}" /> 
 					</p:commandLink>
 
 					<p:poll delay="10" update="nombreUtilisateursClientLeger" />

Ca ne marche pas mieux... la liste n'est toujours pas raffraichie. Seulement le compteur...

C'est bon !!!!!!!!!!!!!!!!!!!!!!!!!!

Merci !!!!!

Il faut faire un update de la dialog sur le commandLink !!!

Code :

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

1
2
3
4
5
6
7
8
<p:commandLink 
		        			update=":utilisateursConnectesClientLegerDialog"
							style="display:inline-block"
							oncomplete="utilisateursConnectesClientLegerWidget.show();" >
							<h:outputText id="nombreUtilisateursClientLeger" value="#{loginManager.count}" /> 
 					</p:commandLink>
 
 					<p:poll delay="10" update="nombreUtilisateursClientLeger" />

Merci beaucoup de ton aide !!!

**OButterlin** · 20/11/2015, 12h16

Oui, comme dans mon exemple

Je te laisse passer ton Post en "Résolu"

Soucis rafraichissement avec un <p:pol>

JSF Java

Discussions similaires

Partager

Partager