2011-07-15 14 views
15

To moja comboboxJak automatycznie wybrać (pokazać) pierwszą wartość combobox w Ext Js?

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

czy sklep został załadowany przed utworzeniem combobox, czy sklep został załadowany później? w danym przykładzie odpowiedź satish kumar jest twoim rozwiązaniem ... – Zango

Odpowiedz

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

do zdalnego comboboxes trzeba podłączyć do sklepu load zdarzenia, aby wybrać wartość po sklep jest załadowany.

11

Można użyć właściwości wartość tak:

value : 'tr'

następnie wyświetli pierwszą wartość domyślnie.

+0

Tylko jeśli sklep jest już załadowany przed renderowaniem combobox. –

28

Generalnie, gdy chcę, aby wybrać pierwszą wartość sklepie, używam tej metody:

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

Można użyć tego kodu, przypisanie dowolnego elementu sklepu po jego identyfikatorze na wartość domyślną ComboBox.

{ 
    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), 
}, 
Powiązane problemy