Id par default sur combo

Version imprimable

11/07/2008, 09h43
Phenomenium

Id par default sur combo

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
11/07/2008, 09h46
SpaceFrog

un combo checké ???? 8O8O8O8O

tu peux preciser de quel balise tu parles là ????
11/07/2008, 10h01
Phenomenium

Citation:

Envoyé par SpaceFrog

un combo checké ???? 8O8O8O8O

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 ?
11/07/2008, 10h06
SpaceFrog

Ha oui !
selectionné ....

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

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

Code:

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

11/07/2008, 10h13
SpaceFrog

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é ....
11/07/2008, 10h21
Phenomenium

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 ?
11/07/2008, 10h32
SpaceFrog
ben regarde les tutoriel html sur la structure d'un select
Code:

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:

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

ou

Code:

document.getElementById('identifiant').selectedIndex= i
11/07/2008, 10h35
Phenomenium

Oui je connais la structure

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

Code:

document.getElementById('identifiant').selectedIndex= i
11/07/2008, 10h42
SpaceFrog

mais comme tu a l'air de vouloir passer par les id ... :(
11/07/2008, 10h47
SpaceFrog

Je ne connais pas ExtJS

j'ai néamoins trouvé une piste :

cecie selectionne le premier element ...

Code:

newCombo.first("[selected=true]");
11/07/2008, 10h50
Phenomenium

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:

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

Au lieu de m'envoyer :

Code:

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

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

Code:

<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

:)

Citation:

Envoyé par SpaceFrog

Je ne connais pas ExtJS

j'ai néamoins trouvé une piste :

cecie selectionne le premier element ...

Code:

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

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

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 :(

11/07/2008, 10h58
SpaceFrog

tu ne selectionneras pas une option pas sa value ...
11/07/2008, 11h12
Phenomenium

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 :?
11/07/2008, 11h19
SpaceFrog

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] ...
16/07/2008, 12h41
Phenomenium

On s'est pas compris je crois.

Pas grave, laisse tomber.

Merci pour l'échange.

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

Code:

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'});

Ca marche bien, voici mon 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
{
                    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é"
                }