selectfield default value

[alexgrimaldi]

How can I set a default value in a selectfield? Say that I need the 'Second Option' to be selected as default.

Ext.create('Ext.form.Panel',{
    fullscreen:true,    
    items:[{            
       xtype:'fieldset',            
       title:'Select',            
       items:[{
         xtype:'selectfield',                    
         label:'Choose one',                    
         options:[
            {text:'First Option',  value:'first'},
            {text:'Second Option', value:'second'},
            {text:'Third Option',  value:'third'}
          ]
        }
      ]
}] });

Many Thanks,
Alex

[sephyroth69]

I think it works like the select in html, you need to give a value to your select.
So try adding " value:'second' " to your selectfield config.

[alexgrimaldi]

Thanks sephyroth. Unfortunaltelly it does not work for me

[Soenhay]

Somewhere in a function or event get a reference to the selectfield then use the setValue function by passing in one of the option values.

This is how to change it after it has been created:

this.down('selectfield').setValue('second');

so a more complete example ( untested ) would be:

var somePanel = Ext.create('Ext.form.Panel', {
    fullscreen: true,
    items: [
        {
            xtype: 'fieldset',
            title: 'Select',
            items: [
                {
                    xtype: 'selectfield',
                    label: 'Choose one',
                    options: [
                        {text: 'First Option',  value: 'first'},
                        {text: 'Second Option', value: 'second'},
                        {text: 'Third Option',  value: 'third'}
                    ]
                }
            ]
        }
    ]
});

somePanel.down('selectfield').setValue('second');

[sephyroth69]

I just tested it and I confirm that you can set a default value as I said before :

{
    xtype:'fieldset',
    title:'Select',
    items:[
        {
         xtype:'selectfield',
         label:'Choose one',
         value:'third',
         options:[
              {text:'First Option', value:'first'},
              {text:'Second Option', value:'second'},
              {text:'Third Option', value:'third'}
         ]
    }
]}

[Soenhay]

O I didn't realize you wanted to set it when creating it even though you said "default value"... lol... but ya same thing.

[Soenhay]

Note to self:
Read the entire question before answering

[sephyroth69]

Well yeah, I supposed that it was what you wanted as you asked for the way to the default value

[alexgrimaldi]

Thanks guys. There must be something funny going on in my app.