How to add longpress event to text field?

**davisty** · 2 Dec 2012 5:20 PM

Hello,

Im trying to add a longpress event to a text field, but it's not firing.

What am I doing wrong.

Code:

 items: [                                        
                    {                                       
                      xtype: 'textfield',                   
                      name : 'SCSCOD',                      
                      id   : 'SCSCOD',                      
                      value:  SCSCOD,                       
                      label: 'Shipper Code',                
                      useClearIcon: true,                   
   listeners: {                                             
               longpress: function() {                            
               alert('touched this');                       
                         }                                  
                    }                                       
                    },{

mitchellsimoens

Something like:

Code:

new Ext.form.FormPanel({
    fullscreen : true,
    items      : [
        {
            xtype     : 'textfield',
            label     : 'Test',
            listeners : {
                element : 'el',
                taphold : function() {
                    console.log('tap');
                }
            }
        }
    ]
});

**davisty** · 3 Dec 2012 8:33 AM

Ps. I cant get any event to fire at all. Am I able to put a listener on a textfield?

Thank You ...

**mitchellsimoens** · 4 Dec 2012 7:19 AM

longpress is on the element not the component itself.

**davisty** · 4 Dec 2012 8:17 AM

Im not sure what that means. Can you give me an example, please.

**mitchellsimoens** · 4 Dec 2012 8:41 AM

Something like:

Code:

new Ext.form.FormPanel({
    fullscreen : true,
    items      : [
        {
            xtype     : 'textfield',
            label     : 'Test',
            listeners : {
                element : 'el',
                taphold : function() {
                    console.log('tap');
                }
            }
        }
    ]
});

**davisty** · 4 Dec 2012 8:59 AM

That worked but I dont understand the difference.

I had used element: 'element', and it didnt work

Thank You very much ...

**mitchellsimoens** · 4 Dec 2012 9:01 AM

element : 'element' is the ST 2 way of listening on the element, in ST 1, it's just 'el'. Think of it as a property on the component (not really as such but will work mostly)

**davisty** · 4 Dec 2012 9:13 AM

coolBeans ...

You da man Mitch

How to add longpress event to text field?

Thread Tools

Search Thread

Display

Answered: How to add longpress event to text field?

Answered: How to add longpress event to text field?