Почему мой extjs combobox не заполняется динамически?

Question

Вот моя функция 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(); 

и здесь я использую его в моих FormPanel как

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

и JSON URL Джанго возвращается, как этот

http://localhost:8000/loginjson.json 

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

но мой combobox не заполнен. Я отсутствовал где-то на extJS, но не смог найти.

Answer 1

Если вы ожидали ComboBox вести себя как поле выбора HTML затем добавить в свой ComboBox CONFIG свойство:

triggerAction: 'all' 

Это будет гарантировать, что все детали в магазине будет отображается, когда нажата кнопка триггера поля.

выпадающий список конфигурации также будет нуждаться в собственности valueField:

valueField: 'dblist' 

Кроме того, явного вызова метода загрузки магазина не нужно. ComboBox будет обрабатывать это для вас в соответствующее время.

Answer 2

Я думаю, что свойство полей вашего считывателя JSON настроено неправильно. Попробуйте это:

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