Ext version tested:
  • Sencha Touch 2.1.0B3
Browser versions tested against:
  • Chrome 21.0 (Linux)
Description:
  • getBubbleEvents() and setBubbleEvents() not working on selectfield
Steps to reproduce the problem:
  • Create a formpanel with selectfield and set initial bubbleEvents config. After panel created try to query and change bubbleEvents without success
The result that was expected:
  • One should be able to query the BubbleEvents config and change it with setter
The result that occurs instead:
  • Getter returns null and setter has no effect
Test Case:

Code:
var myPanel = Ext.create('Ext.form.Panel', {
    items: [
        {
            xtype: 'fieldset',
            title: 'Information',
            items: [
                {
                    xtype: 'selectfield',
                    label: 'Field One',
                    bubbleEvents: 'change',
                    listeners: {
                        change: function(field,newValue,oldValue,eOpts ) {
                            console.log('Change event on selectfield')
                            },
                    },
                },
            ],
            bubbleEvents: 'change',
            listeners: {
                change: function(field,newValue,oldValue,eOpts ) {
                    console.log('Change event on fieldset')
                },
            },
        }
    ],
    listeners: {
        change: function(field,newValue,oldValue,eOpts ) {
            console.log('Change event on formpanel')
        },
    },       
})


console.log('Before')
console.log('Fire change event on selectfield')
myPanel.down('selectfield').fireEvent('change')
console.log('Do getBubbleEvents()')
console.log(myPanel.down('selectfield').getBubbleEvents())


console.log('Remove bubbleEvent')
myPanel.down('selectfield').setBubbleEvents(undefined)
myPanel.down('selectfield').setBubbleEvents(null)
myPanel.down('selectfield').setBubbleEvents('')
console.log('Fire change event on selectfield')
myPanel.down('selectfield').fireEvent('change')


The above code generates the following console output

Code:
Before
Fire change event on selectfield
Change event on selectfield
Change event on fieldset
2Change event on formpanel
Do getBubbleEvents()
null
Remove bubbleEvent
Fire change event on selectfield
Change event on selectfield
Change event on fieldset
2Change event on formpanel