Discussion :

[Baraxis]

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 :

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

[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é

[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.

[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.