Ext JS 4 Animator

[Preexo]

Hi,

Since today I'm trying to get into Ext JS 4. Compared to Mootools: I love it.

After I tried a lot of basic functions, I wanted to create a slide effect with the animator. It worked perfectly. Then I tried to stop the animation at some point. But nothing happened. Really nothing.

Here's my code... But why the heck doesn't happen anything, when the code hits the end() function?
I thought, the animation should stop instantly or am I on the wrong way. Is there another way to stop an animation?

var animator = Ext.create('Ext.fx.Animator', {
        target: Ext.get('contentu'),
        duration: 1000,
        keyframes: {
            0: {
                x: 0
            },
            1000: {
                x: -2076
            }
        }
    });

animator.end();

[Preexo]

I now tried to animate the slide with the animate() method on the Element like this:

contentUnten.animate({
            duration : 10000,
            to : {
                x : -2076
            }
        });

Works good and with

contentUnten.stopAnimation();

the animation acually stops, halelulja.

But is it somehow possible to change a running animation like the to.x value?

Thanks for any help!