предварительно выбрав значение в поле со списком в extjs

Question

Я хочу реализовать следующий комбинированный список в ExtJS.Вопрос в том, как сделать третий вариант выбранным по умолчанию?

<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> 

Что у меня в данный момент есть:

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

Как мне сделать третий вариант (Нет авансом)) выбран по умолчанию?

Answer 1

Вам необходимо установить опцию конфигурации value для идентификатора значения по умолчанию, например:

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