Convert DOM Event to Custom Component Event in SenchaTouch

ViewWithDomEvents

Ext.define('MyApp.view.ViewWithDomEvents', {
    extend: 'Ext.Panel',
    
    config: {
      items: 
      [
          { 
            xtype: 'button',
            itemId: 'sampleButton' 
          }
      ]
    },
    
    initialize: function () {
        var btn = this.down('#sampleButton');
        btn.element.on("doubletap", this.onDoubleTapBtn);
    },
    
    onDoubleTapBtn: function (event, target) {
        console.log(event);
        console.log(target);
        var btnComp = Ext.getCmp(event.getTarget().id);

        btnComp.fireEvent('btnDoubleTap', btnComp);
    }
});