Question

I have this code:

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

and

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

When the page is loaded the values are populated successfully in the combo box.
However, when I’m trying to select a value from the combo, the first value is always selected. I’m not talking programatically here, but even on the browser the first value would be selected.

Thanks

Answer 1

Sorry :S I don’t know how I didn’t notice this, but the the id in Json data store should be groupID istead of ‘id’.. I changed this and it’s working now.