ExtJS Combobox 如何設定預設和取值問題

 

 

主要是在store 裡監聽load事件，store完成的時候,資料已經引用進來了。擷取store第一條記錄，設定為ComboBox 的預設值

        var poststore = Ext.create('Ext.data.Store', {
            model: 'State',
            listeners: {
                load: function() {
                var record = poststore.getAt(0).get('position_id');
                    SelectPostion.setValue(record);
                }
            },
            proxy: new Ext.data.HttpProxy({ url: '/web/wage/ajaxcityconfig.aspx?type=Pos' }),
            reader: new Ext.data.JsonReader({}, [
                                            { name: 'position_id' },
                                            { name: 'position' }
                                    ])

        });

 

// ComboBox with multiple selection enabled
var SelectPostion = Ext.create('Ext.form.field.ComboBox', {
    fieldLabel: '選擇職位',
    labelStyle: 'width:80px;color:black',
    Style: 'color:black',
    multiSelect: false,
    displayField: 'position',
value: '',
    width: 320,
    labelWidth: 80,
    valueField: 'position_id',
    store: poststore,
 
    queryMode: 'remote'
});

poststore.load();