Ext version tested:
  • Ext 3.2.1

Adapter used:
  • ext

css used:
  • ext-all.css

Description:

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:
Code:
opt = {duration: 10};
el.move('r', 500, opt);
...
opt.anim.stop()
But if I started several animations on the same element (in given example the element is moved around),
Code:
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.