¿Cómo seleccionar automáticamente (mostrar) el primer valor de combobox en Ext Js?

Question

Esta es mi cuadro combinado

{ 
    xtype: 'combo', 
    fieldLabel: LANG.LOGIN_LANG, 
    id : 'lang', 
    store: [ 
     ['tr','Türkçe'], 
     ['ru','Русский'], 
     ['en','English'] 
    ], 
    mode: 'local', 
    triggerAction: 'all', 
    selectOnFocus:true 
}, 

Answer 1

{ 
    xtype: 'combo', 
    fieldLabel: LANG.LOGIN_LANG, 
    id : 'lang', 
    store:[['tr','Türkçe'],['ru','Русский'],['en','English']], 
    mode: 'local', 
    triggerAction: 'all', 
    value: 'tr', 
    selectOnFocus:true 
}, 

Para comboboxes remotos que necesita para tapar en el evento de tienda load para seleccionar el valor después de cargar el almacén.

Answer 2

Puede utilizar la propiedad valor de este modo:

value : 'tr'

continuación, se mostrará primer valor por defecto.

Answer 3

Generalmente, cuando quiero seleccionar el primer valor de una tienda, que utilizan estos métodos:

xtype: 'combo', 
fieldLabel: 'prov', 
id : 'lang', 
store:[['tr','Türkçe'],['ru','Русский'],['en','English']], 
mode: 'local', 
triggerAction: 'all', 
selectOnFocus:true, 
listeners: { 
    afterrender: function(combo) { 
     var recordSelected = combo.getStore().getAt(0);      
     combo.setValue(recordSelected.get('field1')); 
    } 
} 

Answer 4

Puede utilizar este código, la asignación de cualquier elemento de la tienda después de su identificación con el valor por defecto cuadro combinado.

{ 
    xtype: 'combobox', 
    forceSelection: true, 
    allowBlank: true, 
    typeAhead: true, 
    queryMode: 'local', 
    colspan: 3, 
    id: 'filter_column_c', 
    style: {'margin': '5px 15px 15px 30px'}, 
    fieldLabel: 'Column', 
    valueField: 'column', 
    displayField: 'name', 
    store: nomStores["storeCombo"], 
    value: nomStores["storeCombo"].getById(1), 
},