As we've seen, the Ext.Element
is the key to using Ext.Fx
. It's important that, when rolling your own custom versions of Ext JS, you make sure that you include Ext.Fx
if you want to be able to use its methods for Ext.Element
. However, even when used standalone, Ext.Element
has a number of methods all of its own that can provide some interesting possibilities for animation.
There are many methods on Ext.Element
that can be used to manipulate a target element, but some of them have a free extra. Pass in a true
value as the last parameter, and the manipulation will be animated.
Ext.get('target').moveTo(300, 500, true);
In this case, the target element will move to a location 300 pixels from the left and 500 from the top of the viewport. But, because of this last parameter, it will not simply jump to that location, but will smoothly transition to the specified point.
In addition to simply passing in true
as the third parameter, we can pass in a full configuration object...