Making a Container or Component "tappable"

[flyingace]

As far as I can tell, the only items which will respond to tap or itemtap events are Buttons, Images (Ext.Img), DataView list items and DOM elements. Is it possible to make a custom component that doesn't extend one of these classes which will respond to a tap or itemtap event?

[mitchellsimoens]

Ext.define('Ux.TapComp', {
    extend : 'Ext.Component',
    xtype  : 'tapcomponent',

    initialize : function() {
        var me = this;

        me.element.on('tap', 'bubbleTap', me);

        me.callParent();
    },

    bubbleTap : function(e, t) {
        this.fireEvent('tap', this, e, t);
    }
});

Just typing off the top of my head but shouldn't be a reason why this wouldn't work. You should now have a tap event on the component that fires with the component, event object and target as arguments.