Tap event on a toolbar

[deliriousrhino]

I want a add a feature to my site where if a users taps on the top toolbar the contents of the page would scroll back to the top.


I can handle the scrolling. I just noticed that the toolbar does not have a tap event. Is there a way I can make it throw one?

[sword-it]

Hi deliriousrhino,

You can do this to add item (like button) into your top toolbar, for example

{
            xtype : 'toolbar',
            docked: 'top',
            items:[{
                text:'Return Top',
                handler:function(){
                    alert('Scrolling top');
                }
            }]
        }

[deliriousrhino]

Thanks sword-it.

It see how it could be done in your example.

However I would much rather listen for an a event in a controller via controls that way I would not need to add the item and handle to every toolbar. Also I use now navigation views which add their own toolbars

[mitchellsimoens]

The buttons will fire the tap event so you can listen to them in the controller

[deliriousrhino]

I solved this problem by placing a absolutely position button in my base class for all my views

{
xtype: 'button',
action: 'scrollToTop',
cls: 'scrollTopTopBtn',
top: 0,
left: 60,
width: Ext.Viewport.getSize().width - 120,
height: 43
}

Then I listened for the 'scrollToTop' action in a controller