giá trị chọn trước trong hộp tổ hợp trong extjs

Question

Tôi muốn triển khai combobox sau trong ExtJS. Câu hỏi là, làm thế nào để làm cho tùy chọn thứ ba được chọn theo mặc định?

<select name="meter_payment_option" onChange="smart_meter(this.value)"> 
    <option value="1">All Up-Front</option> 
    <option value="2">Reduced Up-Front</option> 
    <option value="3" selected="selected">No Up-Front</option> 
</select> 

Những gì tôi đang có là:

var meter_payment_option_values = new Ext.data.SimpleStore({ 
    fields: ['id', 'value'], 
    data: [ 
     ['1', 'All Up-Front'], 
     ['2', 'Reduced Up-Front'], 
     ['3', 'No Up-Front']] 
}); 

var smart_meter_term = new Ext.form.ComboBox({ 
    name: 'smart_meter_term', 
    editable: false, 
    typeAhead: false, 
    allowblank: false, 
    triggerAction: 'all', 
    hiddenName: 'my_dropdown', 
    fieldLabel: 'SmartM.T', 
    store: meter_payment_option_values, 
    displayField: 'value', 
    valueField: 'id', 
    mode: 'local' 
}); 

Làm thế nào để làm cho sự lựa chọn thứ 3 (Không Up-Front) theo mặc định được chọn không?

Answer 1

Bạn cần phải thiết lập các tùy chọn value config để id của giá trị mặc định, ví dụ .:

var smart_meter_term = new Ext.form.ComboBox({ 
        name:'smart_meter_term' , 
        editable: false, 
        typeAhead: false, 
        allowblank:false , 
        triggerAction: 'all', 
        hiddenName: 'my_dropdown', 
        fieldLabel:'SmartM.T', 
        store:meter_payment_option_values, 
        displayField:'value', 
        valueField:'id', 
        mode:'local', 
        // default value is 3 (No Up-Front) 
        value: 3 
       }); 

http://www.sencha.com/deploy/dev/docs/index.html?class=Ext.form.ComboBox