Most of the time, you'll use effects one at a time on different elements to achieve the look you're after, but in some circumstances, it can be useful to use multiple effects. There are a few different ways of handling this scenario, and in the next few sections, we're going to review these ways. We're also going to see how we can influence any running effects from our code.
An easy way to set up a second effect to run after your first is completed, is to use method chaining. Because each of the main Ext.Fx
methods returns the Ext.Element
that was the target of the effect, you can then call further Ext.Element
methods, including those provided by Ext.Fx:
Ext.get('target').slideIn().highlight();
As you can see from this example, we're calling slideIn
followed by highlight
, which indicates that highlight
will be added to the effects queue to run after slideIn
completes.