pourquoi mon combobox extjs n'est pas rempli dynamiquement?

Question

Voici ma fonction Extjs onReady

var store = new Ext.data.Store({ 
            proxy: new Ext.data.HttpProxy({ 
            url: '/loginjson.json' 
            }), 

            reader: new Ext.data.JsonReader(
            {root: 'row', fields:['dblist']} 
            ) 
        }); 
      store.load(); 

et ici je l'utilise dans mon panneau FormPanel comme

renderTo: document.getElementById("loginform"), 
            title: "Login Form", 
            items: [{ 
             xtype: 'combo', 
             fieldLabel: 'genre', 
             name: 'genre', 
             store: store, 
             autoLoad: true, 
             displayField: 'dblist', 
            } 

et JSON URL des retours django comme celui-ci

http://localhost:8000/loginjson.json 

{"row": [{"dblist": "datalist"}]} 

mais mon combobox n'est pas rempli Il me manque quelque part sur extJS mais je n'ai pas pu le trouver.

Answer 1

Si vous attendez ComboBox à se comporter plus comme un champ HTML select puis ajouter à votre ComboBox config la propriété:

triggerAction: 'all' 

Cela garantira que tous les éléments du mémorisables s'affiche lorsque vous cliquez sur le bouton de déclenchement du champ.

La config ComboBox sera également une propriété ValueField ayant besoin de:

valueField: 'dblist' 

En outre, appeler explicitement la méthode de chargement du magasin est pas nécessaire. Le ComboBox va gérer cela pour vous au moment opportun.

Answer 2

Je pense que la propriété fields de votre lecteur JSON n'est pas configurée correctement. Essayez ceci:

reader: new Ext.data.JsonReader({ 
      root: 'row' 
     , fields:[{name: "dblist"}] 
     })