[OPEN-979] Ext.form.SliderField -> Slider events

hi team,

the Ext.form.SliderField does not listen to the changecomplete-event of the slider.
the event "change" is still from the field, so it does not get changes when the slider is dragged and dropped.

as a really fast written hack i use:

Code:

---

Ext.sequence(Ext.form.SliderField.prototype, 'setValue', function() {
        this.fireEvent('change', this, this.getValue());
});

---

but it should get implemented cleander (returning the thumb etc.).


kind regards,
tobiu

I'm not really clear on what you're saying here.

hi evan,

i would like to listen to the change-event of the sliderField, when a user changes the value via drag&drop. this is why i set up this small sequence-workaround -> the field never fires "blur" without an input-textfield.


kind regards,
tobias

I'd just like to say that this 'fix' works perfectly for my application where I want to enable / disable some other fields depending on the slider value.

This really works. Thank your for sharing it.

Thank you!!! This helped me a lot!!! Hopefully Sencha will fix this ...

Here's an improved version of the great fix by tobiu which calls the event handler with the proper arguments (slider, value, thumb), and also enables a "changecomplete" listener! The changecomplete event is more useful if for instance you want to post the updated value instantly by Ajax (you don't want to do that while the user is still sliding as that could potentially trigger hundreds of requests).

Code:

---

Ext.sequence( Ext.form.SliderField.prototype, 'initComponent', function() {
        this.slider.on( 'change', this.fireEvent.createDelegate( this, 'change', 0 ) );
        this.slider.on( 'changecomplete', this.fireEvent.createDelegate( this, 'changecomplete', 0 ) );
});

---

@Sencha: I also agree that it would make a lot more sense if the SliderField would just relay the Slider's events like change and changecomplete!