Results 1 to 2 of 2

Thread: Making a Container or Component "tappable"

  1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    36
    Vote Rating
    0
      0  

    Default Answered: Making a Container or Component "tappable"

    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?

  2. Code:
    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.

  3. #2
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,050
    Answers
    3976
    Vote Rating
    1381
      0  

    Default

    Code:
    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.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •