组件的动画

Question

我知道Ext JS 4.0中有一个 Ext.Fx.Anim ，它在Ext JS 3.4中缺失。只是想知道在Ext JS 3.4中为组件获取一些基本（比较简单）动画是否有任何变通方法。

Answer 1

我假设您要为不在托管布局中的组件执行此操作。如果确实如此，您可以通过调用Ext.Element

为包含内容的Ext.Component.getEl()设置动画。

var panel =  new Ext.Panel({html: 'My content'});
// Or any method defined in http://docs.sencha.com/ext-js/3-4/#!/api/Ext.Fx
panel.getEl().slideIn();      

Answer 2

在3.4中，你有Ext.Fx类，它由框架自动应用于Ext.Element。因此，默认情况下，每个元素都具有动画支持。有了这个，你在Ext.Fx中看到的方法也可用于你的元素，如 - highlight，fadeIn，slideIn等。