listener not working on a ToolBar

[chrismobile]

Ext version tested:
· Sencha Touch 2.0PR3

Browser versions tested against:
· Chrome 16 (Windows)
· Safari 5.1.2 (Windwos)

Tested on Iphone and Android phone as well


Description:
· Ext.Toolbar -listeners object or element object does not work when setting up the listener
through the Toolbar properties.
(It works only when using toolbar.element.on('tap', function() { alert('tap toolbar')});

Steps to reproduce the problem:
· Create an Ext.Toolbar and setup a listener

The result that was expected:
· The alert should be shown

The result that occurs instead:
· I dont know.

Test Case:

Ext.require([
    'Ext.Toolbar'
]);


Ext.setup({
    tabletStartupScreen: 'tablet_startup.png',
    phoneStartupScreen: 'phone_startup.png',
    icon: 'icon.png',
    glossOnIcon: false,
    fullscreen: true,


    onReady: function() {


        var toolbar = Ext.create('Ext.Toolbar', {
            docked: 'top',
            title: 'MAIN TITLE',
            listeners : {
                el : {
                    tap : function (e, t) {
                        console.log('tap toolbar?')
                    }
                 }
            }
        });


        // toolbar.element.on('tap', function() {alert('tap toolbar')});
         Ext.Viewport.add([toolbar])
    }
});

See this URL for live test case
http://www.le-ri-crystal.nl/spiritue...olbartest.html

[mitchellsimoens]

Not sure if you did but please don't change the title to try and mark this as an open bug.

[Jacky Nguyen]

As of PR4 release, please follow the instruction in this thread to use the new API