Tap event on textField

[JackThor]

Hi so I have a text field component inside my container. I made it so that it is read only, and would like to add a tap event to it. I understand that the text fields does not have a tap event so I looked around and found a possible solution. It works for the most part except that it makes the whole container listen to the tap event, the fireEvent is not working correctly, and I am not sure how fire the event for the specific element tapped. Here is my code. Any help would be great thanks.

Ext.define('GS.view.newEventsView',{
        extend:'Ext.Container',
        xtype:'newEventsView',
        initialize:function(){
            var me = this;
    	me.element.on('tap', 'doBubbleTap', me);
        me.callParent();    
    },
    doBubbleTap : function(e, t) {    
    	this.fireEvent('play', this, e , t);
    },
     tap: function(caller, event, target){
    		console.log(event);
    		console.log(target);
    	},
  }
  // my tool bar goes here and some other items like my field set with my textfield

[Johnny Major]

Looks like your listening directly on the container for the tap event. You should probably just get your textfield and set the listener directly on its element.

Something like this...

   initialize:function(){
        var textField = this.down('textfield');
        textField.element.on({
            tap : function(e){
                console.log('tapped text field');
            }
        });
    }

[JackThor]

thank you.