Primefaces Shedule slotMinute

Version imprimable

Bonjour à tous,

J'utilise le framework Primesfaces et j'ai un souci pour l'utilisation du shedule.

J'ai besoin de modifier dynamiquement le slotMinutes.

la solution que j'aimerai utiliser c'est avec un contextMenu

Voici le code :

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
 <p:panel style="width: 1228px;height: 645px">
                <p:schedule value="#{calendrierSessionBeanOld.eventModel}" 
                            widgetVar="myschedule" 
                            allDaySlot="true"
                            showWeekends="false"
                            draggable="true" 
                            resizable="true"              
                            id="planning"
                            timeFormat="HH:mm"
                            aspectRatio="2"
                            style="width: 1200px;" 
                            locale="fr"
                            axisFormat="HH:mm"
                            slotMinutes="#{calendrierSessionBeanOld.slot}"
                            minTime="8:00"
                            maxTime="18:00"
 
                            >
 
                    <p:ajax event="eventSelect" listener="#  {calendrierSessionBeanOld.onEventSelect}" update="detail" oncomplete="detailModal.show()" />  
                </p:schedule>
            </p:panel>
 
            <p:contextMenu for="planning">	
                <p:menuitem value="15" actionListener="#{calendrierSessionBeanOld.setSlot(6)}" update="planning"/>
                <p:menuitem value="30" actionListener="#{calendrierSessionBeanOld.setSlot(30)}" update="planning"/>
            </p:contextMenu>

Cela fonctionne mais à chaque fois le calendrier retourne en affichage mensuel et ne reste pas sur la semaine ou la journée (ceci est du je pense à l'update)

Comment résoudre ce problème ?

D'avance merci

17/04/2012, 11h00
N4rc0
Bonjour luperrot,

Ton problème est du à une mauvaise utilisation du composant Primefaces.
En effet le composant schedule est un composant particulier qui nécessite d'être rafrachit d'une manière exceptionnellement différente des autres composants.

Voici un lien vers la documentation Primefaces expliquant ce cas.

Ceci est expliqué dans la partie Schedule.

Citation:

Schedule has a quite complex UI which is generated on-the-fly by the client side
PrimeFaces.widget.Schedule widget to save bandwidth and increase page load performance. As a
result when you try to update schedule like with a regular PrimeFacess PPR, you may notice a UI
lag as the DOM will be regenerated and replaced. Instead, Schedule provides a simple client side
api and the update method. Whenever you call update, schedule will query it’s server side
ScheduleModel instance to check for updates, transport method used to load events dynamically is
JSON, as a result this approach is much more effective then updating with regular PPR. An example
of this is demonstrated at editable schedule example, save button is calling myschedule.update() at
oncomplete event handler

En traduit, cela nous donne en gros, que le composant schedule est un composant complexe, généré à la volée, et qui nécessite une méthode rafraichissement particulière, car la méthode update traditionnelle reconstruit le composant.

Au lieu d'appeler une méthode update contenant notre composant ou l'un de ses parents (car il risque de rafraichir notre composant schedule en cascade) il faut à la place effectuer un
Code:

1 2 myshedule.update();
Où myschedule est défini par l'attribut widgetvar du composant schedule.

Je ne sais pas si ceci résoudras tous tes problèmes, et notamment celui que tu présentes, mais ce que je sais, c'est que sans ceci, ton composant ne marchera pas :)

Bonjour Narco,

Tout d'abord merci pour ta réponse.

J'avais tenté le .update sur oncomplete ou onclick mais la rien ne se passe

Code:

1
2
3
 
<p:contextMenu for="planning">	
                <p:menuitem value="6" actionListener="#{calendrierSessionBeanOld.slot(6)}" onclick="myshedule.update()"/>

Voila la solution que j' ai trouvée

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
 
 <p:schedule value="#{calendrierSessionBeanOld.eventModel}" 
                            widgetVar="myschedule" 
                            allDaySlot="false"
                            showWeekends="false"
                            draggable="true" 
                            resizable="true"              
                            id="planning"
                            timeFormat="HH:mm"
                            aspectRatio="2"
                            style="width: 1200px;" 
                            locale="fr"
                            axisFormat="HH:mm"
                            slotMinutes="#{calendrierSessionBeanOld.slot}"
                            minTime="8:00"
                            maxTime="18:00"
                            view="#{calendrierSessionBeanOld.view}"
                            initialDate="#{calendrierSessionBeanOld.date}"
 
                            >
 
 <p:contextMenu for="planning">	
                <p:menuitem value="6" actionListener="#{calendrierSessionBeanOld.test(calendrierSessionBeanOld.event, 6)}" update="planning"/>
                <p:menuitem value="30" actionListener="#{calendrierSessionBeanOld.test(calendrierSessionBeanOld.event,30)}" update="planning"/>
            </p:contextMenu> 
//Controleur
public void test(ScheduleEvent event,int pas){
 
        view = "agendaDay";
        slot = pas;
                }

D'autre idée ?

18/04/2012, 10h06
luperrot

Bon je progresse mais c'est pas encore ça :-)

y a t-il une solution lorsqu'on clique sur les boutons month week et day de récupérer les nouvelles valeurs de view ?
18/04/2012, 16h52
luperrot

Bon en fait ça ne marche pas puisque lorsque l'on va sur une journée avec les bouton de navigation je suis incapable de récupérer la journée qu'il affiche.... Il revient toujours à la date du jour.

Personne pour m'aider ?
23/04/2012, 13h47
luperrot

je cloture car j'ai trouvée la solution exposé dans mon autre topic

http://www.developpez.net/forums/d12...date-afficher/

merci pour vôtre aide