[PF-Calendar] Action lors du changement de date avec le clavier

**doons** · 07/04/2016, 14h58

Bonjour,

J'ai le composant calendar suivant dans une de mes pages :

Code :

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

1
2
3
4
5
 
<p:calendar id="datePeriodeFin"  value="#{controleHeuresMandatForm.datePeriodeFin}" style="width:96%" navigator="true"
		label="datePeriodeFin" pattern="dd.MM.yyyy" mask="true" locale="fr" >
	<p:ajax event="dateSelect" listener="#{controleHeuresMandatForm.updateLists}"  update="controleHeuresMandatForm:heures" /> 
</p:calendar>

Avec l'event ajax "dateSelect", je mets à jour la liste des éléments affichés en fonction de la date. Tout fonctionne très bien si j'utilise le calendrier pour sélectionner la date.

Si par contre, je tape la date au clavier, rien ne se passe, l'event ajax n'est pas appelé (normal vu qu'il est destiné à la sélection par le calendrier)
Mais du coup, comment faire pour appeler ma méthode de chargement de ma liste lorsque je tape la date au clavier ? J'ai essayé en ajoutant l'event "blur", mais l'action se passe avant d'avoir affecté la nouvelle date à mon backing bean.

Merci pour votre aide

**OButterlin** · 13/06/2016, 11h05

As-tu essayé <p:ajax event="change" .../> ? Ça semble plus adapté au traitement, sur blur, il serait appelé à chaque sortie de zone...
Si le contenu n'a pas été envoyé à ton ManagedBean, il suffit de rajouter l'attribut

Code :

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

process="datePeriodeFin"

**doons** · 28/07/2016, 08h33

Du coup c'est la sélection avec le calendrier qui ne fonctionne plus

**OButterlin** · 28/07/2016, 08h50

C'est normal, il faut les 2

Code :

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

1
2
3
 
<p:ajax event="change" ... />
<p:ajax event="dateSelect" ... />

**doons** · 28/07/2016, 08h54

J'avais pas pensé à mettre les 2

Merci beaucoup

**doons** · 02/08/2016, 08h10

Hello,

Je reviens vers toi car j'ai détecté encore un petit soucis.
Mon calendar est défini comme suit :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<p:calendar id="currentDate"
		value="#{saisirHeuresForm.currentDate}" style="width:96%"
		navigator="true" label="currentDate" pattern="dd.MM.yyyy"
		mask="true" locale="fr" immediate="true" >
	<p:ajax event="dateSelect" listener="#{saisirHeuresForm.controleValiditeDateSaisie()}"
		update="saisirHeuresForm:heures
		saisirHeuresForm:heures:createHeureBtn saisirHeuresForm:dayName
		saisirHeuresForm:totauxHeures" />
	<p:ajax event="change" listener="#{saisirHeuresForm.controleValiditeDateSaisie()}"
		update="saisirHeuresForm:heures
		saisirHeuresForm:heures:createHeureBtn saisirHeuresForm:dayName
		saisirHeuresForm:totauxHeures" />
</p:calendar>

J'ai bien l'appel à la méthode controleValiditeDateSaisie() mais la propriété currentDate n'est pas à jour. L'appel à la méthode se fait avant d'attribuer la nouvelle valeur à la propriété.

C'est sûrement tout con, mais je ne vois pas ce que je peux/dois ajouter pour corriger cela

Merci pour ton aide

**doons** · 02/08/2016, 08h30

Bon en fait j'ai trouvé un parade....

J'appelle la méthode controleValiditeDateSaisie() directement dans la méthode setCurrentDate() et j'ai enlevé le paramètre listener des balises ajax
J'espère que c'est une bonne pratique

**OButterlin** · 02/08/2016, 08h59

Normalement on passe par un validator pour faire le contrôle (une classe qui implémente javax.faces.validator.Validator).
Celui-ci sera appelé automatiquement si bien sûr tu enlèves le immediate="true" qui bypass le contrôle.

**doons** · 02/08/2016, 09h04

D'accord mais c'est pas vraiment un validateur.

En fait, lorsque l'on change de date, j'ai cette méthode qui met à jour un flag qui indique si on a le droit de créer/modifier/supprimer un élément à cette date-là.
Si oui, rien de spécial, si non, les boutons sont grisés et la table n'est pas éditable mais en aucun cas, il y a une notion de validation du formulaire.

**OButterlin** · 02/08/2016, 09h10

Euh... je n'ai pas compris là...
Quand tu changes la date avec ce composant, le composant change d'apparence ?

**doons** · 02/08/2016, 10h04

Pas le composant calendar lui-même.

Les composants en 1 permettent de changer la date
Les composants en 2 permettent l'édition des données

Quand la date change, ma méthode controler...() met à jour un flag qui est ensuite utilisé avec le paramètre disabled=... des composants en 2

Nom : saisieheure.png
Affichages : 332
Taille : 24,2 Ko

**OButterlin** · 02/08/2016, 10h11

D'accord...
Du coup, ce n'est pas vraiment un validator mais bien une fonction de type listener avec un update qu'il faut.
Ton problème vient de immediate="true" qui n'applique pas les valeurs au modèle.
Tu as une raison particulière d'avoir mis cet attribut ?

**doons** · 02/08/2016, 11h03

D'accord, alors non je n'ai pas de raison particulière si ce n'est peut-être un test qui est resté.
J'ai enlevé le immediate=true et remis le listener sur les balises ajax et enlevé l'appel à la méthode control..() dans la métode setCurrentDate() et ça semble bien fonctionner

Mais comment ça se fait que ça ne marche pas avec immediate=true ? Je pensais que ça permettait de bypasser la validation mais que du coup ça passe dans tout les coups

un grand merci pour ton aide