Please see the following:
Code:
Ext.application({
name : 'Fiddle',
launch : function() {
var states = Ext.create('Ext.data.Store', {
fields: ['abbr', 'name'],
data : [
{"abbr":"AL", "name":"Alabama"},
{"abbr":"AK", "name":"Alaska"},
{"abbr":"AZ", "name":"Arizona"}
]
});
var combo = Ext.create('Ext.form.ComboBox', {
fieldLabel: 'Choose State',
store: states,
queryMode: 'local',
displayField: 'name',
valueField: 'abbr',
renderTo: Ext.getBody()
});
combo.on('change', function(combo){
console.log('--- change ---');
console.log(combo.getValue());
});
combo.setValue('AK');
setTimeout(function(){
console.log('--- set raw ---');
combo.setRawValue('AZ');
console.log(combo.getValue()); // value, but no change event
},1000);
}
});