How to set combobox's value from extjs controller

Question

I am working in extjs4. I have combobox with code as-

{
margin:'7 6 5 5',
xtype:'combobox',
fieldLabel:'Language',
name:'language',
id:'combo',
width:190,
allowBlank:false,
emptyText: '--Select language--',
labelWidth: 60,
store: new Ext.data.ArrayStore({
    fields: ['id','value'],
    data: [
        ['1','Marathi'],
        ['2','English']
    ]
}),
queryMode: 'local',
valueField:'id',
displayField:'value',
editable:false
},

Throuhout my functioning I want to set combobox's value defaultly to user's selected choice. So how to set combobox's value from controller

Aminesrine's answer is technically correct, but best practice would dictate that you not use an "id". It would be better to assign an itemId, or retrieve the instance of the combobox via a ComponentQuery. — existdissolve
– existdissolve, Commented Jul 12, 2013 at 10:39
Ya sir i am also trying same. i have written code as- id=Balaee.controller.qb.QbqnsController.ID; var getlanguageId =Ext.getCmp('combo'); if(id==1) { getlanguageId.setValue('1','Marathi'); } else { getlanguageId.setValue('2','English'); } But its setting value of combobox as[object HTMLDivElement] So what i need to modify — user1722857
– user1722857, Commented Jul 12, 2013 at 10:48

PadraigD · Accepted Answer · 2015-04-08 18:04:37Z

To select default value you can use event listener. After combobox has been rendered you can set value you need using setValue() method from Ext.form.field.Field and if you need to select combobox value on demand you can get it using Ext.getCmp('combo') and then use setValue() or even better set itemId instead of id and use componentQuery to fetch combobox and set value:

Ext.ComponentQuery.query('#combo')[0].setValue('2');

setValue( value ) : Ext.form.field.Field Sets the specified value(s) into the field. For each value, if a record is found in the store that matches based on the valueField, then that record's displayField will be displayed in the field. If no match is found, and the valueNotFoundText config option is defined, then that will be displayed as the default field text. Otherwise a blank value will be shown, although the value will still be set.

listeners:{
    scope: this,
    afterRender: function(me){
        me.setValue('1');   
    }
}

Here is an example in fiddle

Aminesrine · Accepted Answer · 2013-07-12 09:58:32Z

0

Try this:

Ext.getCmp('combo').setValue('1' or '2');

answered Jul 12, 2013 at 9:58

Aminesrine

2,1406 gold badges36 silver badges65 bronze badges

Collectives™ on Stack Overflow

How to set combobox's value from extjs controller

2 Answers 2

Here is an example in fiddle

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Here is an example in fiddle

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related