Discussion :

[Elwe31]

Bonjour,

je cherche a mettre en place la validation de la page suivante.

Il faut que angle3 soit égal a +/- 5° de (angle1+180°) et que la valeur de l'angle2=l'angle1(si on pouvait mettre a jour les 2 champs dans le slider ça serait super).
merci pour les pistes.

bonne journée

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
 
<p:messages />
 
<h:outputText for="angle1"  value="angle 1" />
<h:panelGrid columns="1" style="margin-bottom: 10px">
<p:inputNumber id="angle1" value="#{formCalcul.angle1}" size="6" symbol=" °" symbolPosition="s" required="true"  />
	<p:slider for="angle1" minValue="0" maxValue="360" step="1" required="true"  />
</h:panelGrid>
 
 
<h:outputText for="angle2"  value="angle 2" />
<h:panelGrid columns="1" style="margin-bottom: 10px">
<p:inputNumber id="angle2" value="#{formCalcul.angle2}" size="6" symbol=" )" symbolPosition="s" />
	<p:slider for="angle2" minValue="0" maxValue="360" step="1" required="true"  />
</h:panelGrid>
 
 
<h:outputText for="angle3"  value="angle 3" />
<h:panelGrid columns="1" style="margin-bottom: 10px">
<p:inputNumber id="angle3" value="#{formCalcul.angle3}" size="6" symbol=" °" symbolPosition="s" />
	<p:slider for="angle3" minValue="0" maxValue="360" step="1" required="true"  />
</h:panelGrid>

[VirgApps]

Bonjour, si j'ai bien compris la question :

pour modifier en temps réel tes autres sliders, il faut que tu rajoutes un événement sur ton slider et un événement ajax pour mettre à jour tes autres sliders :

Code :

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

1
2
3
<p:slider for="angle1" minValue="0" maxValue="360" step="1" required="true" valueChangeListener="#{formCalcul.updateAngle1()}">
    <p:ajax process="@this" update="angle2, angle3"/>
</p:slider>

Cela permettra à chaque changement de valeur (valueChangeListener) de ton angle1 de faire les ajustements idoines de tes autres angles, tu recalcules leur nouvelles valeurs dans la méthode updateAngle1 de ton contrôleur et l'événement ajax updatera les angles angle2 et angle3 avec leur nouvelles valeurs.

Si tu veux simplement contrôler et afficher un message d'avertissement, il faut ajouter l'événement ajax slideEnd à ton slider :

Code :

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

1
2
3
<p:slider for="angle1" minValue="0" maxValue="360" step="1" required="true">
    <p:ajax event="slideEnd" listener="#{formCalcul.controleAngle1()}" update="message" />
</p:slider>

A la fin modification de la valeur de l'angle1 (quand tu lâches le bouton), l'événement ajax appelle la méthode controleAngle1, là tu fais tes contrôle et prépare le message de restitution puis mets à jour ton composant message (à adapter avec la manière dont tu affiches tes messages d'erreur/avertissements).