Getter and Setter of BubbleEvents not working

[nbester]

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:

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

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

[mitchellsimoens]

Thanks for the report! I have opened a bug in our bug tracker.