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

Je veux mettre en place des combobox dans ExtJS. La question est, comment faire la troisième option est 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 (Pas Avant) sélectionné par défaut?

OriginalL'auteur Chintan Trivedi | 2010-07-03

  1. 10

    Vous devez définir la value option de configuration de 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

    salut , merci beaucoup 🙂

    OriginalL'auteur tomit