Id par default sur combo

**Phenomenium** · 11/07/2008, 09h43

Bonjour.

j'ai un petit souci avec la combobox.

J'utilise la grid de base d'extjs. Lorsque je clique sur une ligne pour la modifier, le script me charge les données dans ma liste ainsi que la valeur précédemment séléctionné lors de l'ajout. Le souci est qu'il ne me check pas l'id. Si je ne change pas la valeur de la combo, il ne fait que charger la valeur text dans la combo. Donc lorsque je post mon form ce n'est pas un id mais une string que je reçois. Lorsque je change la value de la combo, la aucun probleme, l'id est correctement checké.

Comment puis je faire ? Il doit y avoir un paramètre mais pas moyen de mettre la main dessu sur la doc.

je ne met pas de code pour le moment ca ne me semble pas nécessaire.

merci d'avance

**SpaceFrog** · 11/07/2008, 09h46

un combo checké ????

tu peux preciser de quel balise tu parles là ????

**Phenomenium** · 11/07/2008, 10h01

Envoyé par SpaceFrog

un combo checké ????

tu peux preciser de quel balise tu parles là ????

Quand je dis checké je veux dire sélectionné, chargé... pas checké au même titre qu'une checkBox ! lol

un peu comme un selected="selected" dans un select en HTML

C'est plus clair ?

**SpaceFrog** · 11/07/2008, 10h06

Ha oui !
selectionné ....

Ben là il va falloir voir le code html de la balise select pour faire un diagnostique...

**Phenomenium** · 11/07/2008, 10h09

Ba justement si c'etait du HTML ca serait beaucoup plus simple

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
var newCombo = new Ext.form.ComboBox({
		fieldLabel 			: dataStore.fieldInfo[i].fieldLabel,
		allowBlank 			: false,
		editable			: false,
		hiddenName 		: dataStore.fieldInfo[i].name,
		anchor 			: dataStore.fieldInfo[i].anchor,
		store 				: new Ext.data.SimpleStore({fields:['id', 'name'], data:aComboValues}),
		displayField 		: 'name',
		valueField 			: 'id',
		disableKeyFilter 		: true,
		mode 			: 'local',
		triggerAction		: dataStore.fieldInfo[i].trigger
						});

mais c'est JS ExtJs lol Le souci c'est que ca passe par la fonction d'edit de la grid extjs

**SpaceFrog** · 11/07/2008, 10h13

oui mais ton browser lui interprète uniquement du html ....
Donc tu peux recupérer le HTML généré ...

sous Firefox par exemple ... afficher code source généré ....

**Phenomenium** · 11/07/2008, 10h21

Et non justement, j'utilise le desktop ExtJs... oublié de le préciser

Donc rien dans le code source. Mais je pense pas que ca soit un bug. Je pense surtout qu'il manque un paramètre ds la définission de ma combo

PS : Je me soumet à ton comité... J'ai changé le titre

EDIT :
a priori ca serait l'attribut VALUE mais comment lui spécifier sa valeur ?

**SpaceFrog** · 11/07/2008, 10h32

ben regarde les tutoriel html sur la structure d'un select

Code :

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

1
2
3
4
5
<select name="lenom" id="identifiant"(>
  <option value="lavaleur">le texte</option>
  <option value="lavaleur">le texte</option>
  <option value="lavaleur">le texte</option>
<select>

les options n'ont pas d'id ...

pour selectionner un item :

Code :

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

document.getElementById('identifiant').options[i].selected=true  // 'seelcted'

ou

Code :

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

document.getElementById('identifiant').selectedIndex= i

**Phenomenium** · 11/07/2008, 10h35

Oui je connais la structure

mais la on parle d'ExtJs c'est sensiblement différent... je ne peux pas lui balancer un

Code :

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

document.getElementById('identifiant').selectedIndex= i

**SpaceFrog** · 11/07/2008, 10h42

mais comme tu a l'air de vouloir passer par les id ...

**SpaceFrog** · 11/07/2008, 10h47

Je ne connais pas ExtJS

j'ai néamoins trouvé une piste :

cecie selectionne le premier element ...

Code :

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

newCombo.first("[selected=true]");

**Phenomenium** · 11/07/2008, 10h50

lol

En fait :

Pour ma combo EXTJS j'ai une valeur affiché et une valeur envoyé lors du post, au meme titre qu'un SELECT html.

Quand je post mon form sans changer la valeur de la combo il m'envoi ca en gros :

Code :

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

<option value="libelle_de_ma_valeur">libelle_de_ma_valeur</option>

Au lieu de m'envoyer :

Code :

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

<option value="id_de_ma_valeur">libelle_de_ma_valeur</option>

Si je change la valeur de ma combo il m'envoi bien :

Code :

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

<option value="id_de_ma_valeur">libelle_de_ma_valeur</option>

En fait en chargement de ma page d'edition il ne fait que remplir le libelle et non la value qui est ds le cas présent un ID.

La je transpose a du html pr que ca soit plus clair mais c'est bien un script JS EXtjs que j'utilise donc pas de <select> classique

**Phenomenium** · 11/07/2008, 10h55

Envoyé par SpaceFrog

Je ne connais pas ExtJS

j'ai néamoins trouvé une piste :

cecie selectionne le premier element ...

Code :

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

newCombo.first("[selected=true]");

Ba en fait y'a un attribut VALUE qui existe :

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
var newCombo = new Ext.form.ComboBox({
		fieldLabel 			: dataStore.fieldInfo[i].fieldLabel,
		allowBlank 			: false,
		editable			: false,
		hiddenName 		: dataStore.fieldInfo[i].name,
		anchor 			: dataStore.fieldInfo[i].anchor,
		store 				: new Ext.data.SimpleStore({fields:['id', 'name'], data:aComboValues}),
		displayField 		: 'name',
		valueField 			: 'id',
		disableKeyFilter 		: true,
		mode 			: 'local',
                value                         : QUE METTRE ICI ????                
		triggerAction		: dataStore.fieldInfo[i].trigger
						});

mais comment récupérer la valeur et l'injecter ds cet attribut

**SpaceFrog** · 11/07/2008, 10h58

tu ne selectionneras pas une option pas sa value ...

**Phenomenium** · 11/07/2008, 11h12

Et bien oui ! c'est bien ce que je m'efforce de faire lol

remplir la value avec mon id de l'enregistrement que je veux modifier, au chargement de la page

**SpaceFrog** · 11/07/2008, 11h19

ben tu peux toujours t'efforcer !!!!!

ce n'est pas parceque tu mets un id dans une value que ça va marcher ...

tu NE PEUX PAS selectionner une option par son value...

à moins de scanner en javascript toutes les options et de faire un test sur la value ...

il te faut passer par [selected:true] ...

**Phenomenium** · 16/07/2008, 12h41

On s'est pas compris je crois.

Pas grave, laisse tomber.

Merci pour l'échange.

**hecatonchire** · 22/09/2008, 17h03

Je cherche la même chose que toi, j'ai trouvé ça :
http://turgay.blogspot.com/2008/05/e...obox-send.html

Code :

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

1
2
3
4
5
6
7
8
9
10
11
var unitField = new Ext.form.ComboBox({
   id:'unitField',
   name: 'unit',
   fieldLabel: 'Unit',
   store:unitStore,
   mode: 'remote',
   displayField: 'name',
   valueField: 'id',
   hiddenName : 'unitId'   allowBlank: false,
   anchor:'95%',
   triggerAction: 'all'});

**hecatonchire** · 22/09/2008, 17h41

Ca marche bien, 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
23
24
25
26
{
                    xtype: 'combo',
                    id:'unitField',
                    fieldLabel: 'Priorité',
                    editable: false,
                    allowBlank:false,
                    forceSelection : true,
                    value: ['500'],
                    store: new Ext.data.SimpleStore({
                        fields: ['value', 'option'],
                        data : [
                            ['1000', 'Critique'],
                            ['800', 'Urgente'],
                            ['500', 'Normale'],
                            ['1', 'Faible']
                        ]
                    }),
                    displayField:'option',
                    valueField: 'value',
                    hiddenName : 'priority',
                    typeAhead: true,
                    mode: 'local',
                    triggerAction: 'all',
                    selectOnFocus:true,
                    blankText:"Veuillez saisir une priorité"
                }

Id par default sur combo

Ext JS / Sencha

Discussions similaires

Partager

Partager