slider component!

[babo_ya]

I added slider components and a textfield and on 'change' event handler i update the text in the textfield.
however, now the client wants to see where the textfield gets updated when users drag the thumb!!!

Is this possible?

Thanks,

[mitchellsimoens]

Back in PR4 I used this override which fired some new events on the Ext.slider.Slider instance. In the field you would have to listen to the slider component events:

Ext.define('Override.slider.Slider', {
    override : 'Ext.slider.Slider',

    onThumbDrag : function() {
        this.callOverridden(arguments);

        this.fireUserChangeEvent();
    },

    onTap : function() {
        this.callOverridden(arguments);

        this.fireUserChangeEvent();
    },

    fireUserChangeEvent : function() {
        this.fireEvent('userchange', this, this.getValue());
    },

    onThumbDragStart : function() {
        this.fireEvent('thumbdragstart', this);

        this.callOverridden(arguments);
    },

    onThumbDragEnd : function() {
        this.callOverridden(arguments);

        this.fireEvent('thumbdragend', this);
    }
});