View Full Version : [DEFER] Ext.Fx: element.stopFx() has no effect?

5 Oct 2010, 5:16 AM
Ext version tested:

Ext 3.2.1

Adapter used:


css used:



The question is simple: is there a way to stop ALL the effects initiated on a specific element with just one line of code?

The behaviour described in Ext.Fx() docs seem to be exactly what I need:

stopFx() : Stops any running effects and clears the element's internal effects queue if it contains any additional effects that haven't started yet.
but calling element.stopFx() does nothing.

I am aware of the special anim object that is written in animations config object so if I have only one effect running I can do this:

opt = {duration: 10};
el.move('r', 500, opt);

But if I started several animations on the same element (in given example the element is moved around),

opt = {duration: 10};
el.move('r', 500, opt);
el.move('r', 500, opt);
el.move('r', 500, opt);
el.move('r', 500, opt);

then simply calling opt.anim.stop() doesn't stop the element from moving. In fact calling opt.anim.stop() as many times as many effects I have started leads to complete stop but this is weird.