La valeur d'un slider

**asmagh** · 17/04/2011, 11h21

Bonjour,
J'utilise le framework Ext Js depuis peu de temps et j'aimerai récupérer la valeur d'un slider dans un champ de texte.
Quelqu'un pourrai m'aider?

Merci d'avance.

**JulienFio** · 17/04/2011, 15h19

Bonjour.

Pour récupérer la valeur de ton sliderField:

Code :

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

monSliderField.getRawValue()

ou

Code :

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

monSliderField.getValue()

Pour attribuer une valeur à un textField:

Code :

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

monTextField.setValue()

Les deux combinés:

Code :

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

monTextField.setValue(monSliderField.getRawValue())

(Pour récupérer tes composants grâce à leurs ID:

Code :

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

Ext.getCmp('idMonTextField').setValue(Ext.getCmp('idMonSlider').getRawValue())

Rien de tel que la doc officielle:
API - ExtJs 3.3.1

**asmagh** · 18/04/2011, 17h07

Merci infiniment pour ton aide.
Malheureusement ça ne marche pas

Voici mon code:

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
<body>
 
<input type="text" name="Mon champ" value="1" class="" title=""  size="20" id="Champ" />
 
<script type="text/javascript">
Ext.onReady(function(){
  var slider=  new Ext.Slider({
        renderTo: 'form',
        width: 214,
        minValue: 0,
        maxValue: 100,
	increment: 1,
	id:'monSlider',
        plugins: new Ext.slider.Tip()	
    });	
 
 Ext.getCmp('Champ').setValue(Ext.getCmp('monSlider').getRawValue());
 });
</script>
 
 <div id="form">  </div>
</body>

Biensur, j'ai fait appel à tous les script et css utiles.

Merci de m'aider.

**JulienFio** · 18/04/2011, 17h37

Est-ce que tu as des erreurs à l'exécution de ce code ? (via Firebug par exemple)

As-tu essayé de logger la valeur courante de ton slider ? est-ce que tu arrives à la récupérer ?

Code :

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