View Full Version : Setting a value from the server in a ComboBox

22 Mar 2011, 4:12 AM
There is an edit page in my application, and I want to show the data previously saved by the user as selected in the combo box.
I am using a DataStore with a JsonReader to populate the ComboBox.
This is my combo
fieldLabel: 'Business Unit',
name: 'business_Unit',
hiddenName: 'businessUnit',
store: businessUnitStore,
displayField: 'buName',
valueField: 'buId',
mode: 'remote',
triggerAction: 'all',
typeAhead: false,
editable: false,

and I use a JsonReader in my form.
var leadReader = new Ext.data.JsonReader({
root: 'data',
totalProperty: 'total',
id: 'leadId'

}, [
{name:'title', type: 'string'},
{name:'firstName', type: 'string'},
{name:'lastName', type: 'string'},
{name:'designation', type: 'string'},
{name:'business_Unit', type: 'string', mapping: 'businessUnit.buName'},

This is the JSON response:

I want the BusinessUnit = US selected in the combobox and also have all the other options available for selection in the combo when I load the form.
editForm.getForm().load({url:fetchUrl, method: 'GET'});

Everything works fine, except that the BusinessUnit=US is not selected in the combo.

Can someone help me to resolve this?