pré-sélection de la valeur dans la zone de liste déroulante dans extjs

Question

Je veux implémenter la liste déroulante suivante dans ExtJS. La question est, comment faire la troisième option sélectionnée par défaut?

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

Ce que j'ai actuellement est:

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

Comment puis-je faire la 3ème option (Oui Up-avant) sélectionné par défaut?

Answer 1

Vous devez définir l'option de configuration value à l'ID de la valeur par défaut, .: par exemple

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