Extjs Combo box - Picker не меняется

Question

У меня есть этот код:

var comboStore = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
    url : '../cxf/rest/CustomerService/getGroups'
}),
reader : new Ext.data.JsonReader({
    fields : [ 'id', 'name' ]
}), 
autoLoad : true
});

и

var groupsCombo = new Ext.form.ComboBox({
name : 'GroupsCombo',
fieldLabel : 'Groups',
mode : 'local',
store : comboStore,
displayField : 'name',
triggerAction : 'all',
valueField : 'groupID',
selectOnFocus:true,
width : 130
});

Когда страница загружена, значения успешно заполняются в поле со списком. Однако, когда я пытаюсь выбрать значение из комбо, всегда выбирается первое значение. Я не говорю здесь программно, но даже в браузере будет выбрано первое значение.

Спасибо

Answer 1

Извините: S Я не знаю, как я этого не заметил, но id в хранилище данных Json должен быть groupID вместо 'id' .. Я изменил это, и теперь оно работает.

Answer 2

Вы пробовали просто использовать JsonStore?Попробуйте сделать что-то вроде этого:

var comboStore = new Ext.data.JsonStore({
       id: 'JsonStore',
       idProperty: 'id',
       autoLoad: true,
       idProperty: 'id',
       root: <root of your JSON>,
       fields: [ 'id', 'name' ],
       proxy: new Ext.data.ScriptTagProxy({
           api: {
               read: '../cxf/rest/CustomerService/getGroups',
           }
       })
   });

Затем используйте это хранилище для ComboBox.JsonStore автоматически создает JsonReader, что, по-моему, и является причиной конфликта в вашем коде.