Handling "click event" on a Panel

[StevenRaines]

I am trying to handle a tap / click event on an Ext.Panel. I have found that I can get it to work in the view definition using the following code in the panel definition:

listeners: {
    click: {
    element: 'element',
    fn: function(){console.log('click')}
    }  
}

I would like to move this code into a controller, but I can't figure out the proper syntax.

Any help would be appreciated!

[mitchellsimoens]

Currently the control config in a Controller doesn't accept event options. You would need to listen in the view and fire an event on the component to be able to listen for tap event on the element.

[StevenRaines]

What about the "listeners" config instead of control? Is that an option? If not, should the event handler still be in the controller and if so, what is the proper way and define it and call it from the view? For example, is the "click" event I have listened for abstracted or the browser specific click? I need to know what arguments to pass to the function.

Thanks!

[mitchellsimoens]

What I usually do is add a listener in the view and fire an event on the component so that it makes it into the controller. Also note that you should use tap instead of click.