Need to add touchstart and touchend event for button?

[Prasath.msc@gmail.com]

Could you please tell me how to add touchstart event for a button in sencha touch 1.1.
Ref:
In the thread http://www.sencha.com/forum/showthre...896#post878896 it says that add the event in element.
For me, element attribute showing as undefined for a button, in sencha 1.1 docs element definition for button is also not available.

Could you please tell me how to use this ?

[mitchellsimoens]

That thread is in the ST2 forums and things don't work the same. Here is one way you can do it but you don't really have access to the button instance there:

new Ext.Button({
    text       : 'Test',
    listeners  : {
        el : {
            touchstart : function () {
                console.log('touch start');
                console.log(this); //of element
            },
            touchend : function() {
                console.log('touch end');
                console.log(this); //of element
            }
        }
    }
});

I would extend Button to do this:

Ext.ns('Ux');

Ux.Button = Ext.extend(Ext.Button, {
    initEvents : function () {
        var me = this;

        me.mon(me.el, {
            scope : me,

            touchstart : me.onTouchStart,
            touchend   : me.onTouchEnd
        });
    },

    onTouchStart : function (e) {
        this.fireEvent('touchstart', this, e);
    },

    onTouchEnd : function (e) {
        this.fireEvent('touchend', this, e);
    }
});

Ext.reg('ux-button', Ux.Button);

And then you have a touchstart and touchend event on the component:

new Ux.Button({
    text       : 'Test',
    listeners  : {
        touchstart : function (btn, e) {
            console.log('touch start');
            console.log(this); //of button
        },
        touchend : function(btn, e) {
            console.log('touch end');
            console.log(this); //of button
        }
    }
});