Combobox et DataStore à plusieurs champs

Version imprimable

Bonjour, voici mon problème :

J'ai un combobox, lié à un datastore. Ce datastore contient le résultat d'une requête (avec id, nom, fabricant, usine, etc.).
Dans le combobox, j'ai renseigné le paramètre displayField pour indiquer le nom du champs à afficher parmi ceux de la requête (ici le nom), ainsi que le paramètre valueField pour indiquer la valeur réelle (l'id).

J'aimerai savoir s'il était possible d'afficher dans la combobox plusieurs champs (nom et fabricant par exemple).
De plus j'aurai voulu savoir comment récupérer la valeur des autres champs pour l'item sélectionné, parce que value renvoit toujours l'id, mais j'aimerais bien aussi récupérer les autres valeurs (fabricant et usine)

Voici le code de ma combobox et de son datastore :

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
27
28
29
30
31
32
33
34
35
 
var dataStoreProduit = new Ext.data.Store({
          id: 'dataStoreProduit',
          proxy: new Ext.data.HttpProxy({
                    url: 'database.php',      
                    method: 'POST'
                }),
          baseParams:{task: 'LISTEPRODUITEXISTANT'},
          reader: new Ext.data.JsonReader({     
            root: 'results',
            totalProperty: 'total',
            id: 'id'
          },[
            {name: 'IdProduit', type: 'int', mapping: 'IdProduit'},
            {name: 'NomProduit', type: 'string', mapping: 'NomProduit'},
            {name: 'IdNatureProduit', type: 'int', mapping: 'IdNatureProduit'},
            {name: 'NomFabricant', type: 'string', mapping: 'NomFabricant'},
            {name: 'NomUsine', type: 'string', mapping: 'NomUsine'}
            ]),
          sortInfo:{field: 'NomProduit', direction: 'ASC'}
        });
 
        var cbProduit = new Ext.form.ComboBox({
                        id: 'cbProduit',
                        typeAhead: true,
                        width: $width,
                        triggerAction: 'all',
                        allowBlank: true,
                        store:dataStoreProduit,
                        mode: 'local',
                        displayField: 'NomProduit',
                        valueField: 'IdProduit',
                        lastQuery: '',
                        listClass: 'x-combo-list-small'
                        });

05/08/2010, 14h13
Baraxis

Bon je viens à l'instant de trouver une solution au problème d'affichage des différentes données en utilisant l'attribut tpl.
Par contre je n'ai toujours pas trouvé la méthode qui permet de récupérer les différents champs autres que le valueField pour l'item sélectionné
05/08/2010, 16h55
Baraxis

Bon, après de longues heures de labeur, j'ai enfin trouvé comment accéder aux autres champs de la combobox.
La ligne magique est donc dans mon cas:

cbProduit.findRecord('IdProduit', cbProduit.getValue()).get('NomFabricant')

Pour obtenir le nom du fabricant de l'objet sélectionné.

Sujet résolu.
05/08/2010, 22h47
ovh

Tout à fait c'est le piège principal d'extjs : ne jamais utiliser les id ! Il faut laisser extjs les générer dynamiquement, sinon dès que tu utilises un même composant plusieurs fois, ça fait n'importe quoi :(
En fait définir ses id n'est utile que si tu as besoin d'appeler tes composants avec Ext.getCmp() mais en pratique il vaut mieux utiliser plutôt la propriété itemId pour ce genre de cas.