PropertiesMethodsEventsConfig OptionsDirect Link

Class Ext.Fx

Package: Ext.grid
Defined In: .js
Class:
Extends: Object

这是一个提供基础动画和视觉效果支持的类。注意:此类被引用后会自动应用于 Ext.Element 的接口, 因此所有的效果必须通过 Element 对象来实现。反过来说,既然 Element 对象实际上并没有定义这些效果, Ext.Fx 类必须被 Element 对象引用后才能使那些效果生效。


值得注意的是,虽然 Fx 的方法和许多非 Fx Element 对象的方法支持“方法链”,即他们返回 Element 对象本身作为方法的返回值, 但是并非每次都能将两个对象混合在一个方法链中。Fx 的方法使用一个内部的效果队列以使每个效果能够在适当的时候按次序展现。 另一方面,对于非 Fx 的方法则没有这样的一个内部队列,它们总是立即生效。正因为如此,虽然可以在一个单链中混合调用 Fx 和非 Fx 的方法, 但是并非总能得到预期的结果,而且必须小心处理类似的情况。


移动类的效果支持8个方向的定位锚,这意味着你可以选择 Element 对象所有8个不同的锚点中的任意一个来作为动画的起点或终点。 下面是所有支持的定位锚点位置:

值     说明
-----  -----------------------------
tl     左上角
t      顶部中央
tr     右上角
l      左边中央
r      右边中央
bl     左下角
b      底部中央
br     右下角
尽管某些 Fx 方法可以接受特殊的自定义配置参数,然而下面的配置选项区域内显示了可供所有 Fx 方法使用的公共选项。 @cfg {Function} callback 指定当效果完成时调用的函数 @cfg {Object} scope 特效函数的作用域 @cfg {String} easing 指定特效函数使用的合法的 Easing 值 @cfg {String} afterCls 特效完成后应用的CSS样式类 @cfg {Number} duration 以秒为单位设置的特效持续时间 @cfg {Boolean} remove 特效完成后是否从 DOM 树中完全删除 Element 对象 @cfg {Boolean} useDisplay 隐藏 Element 对象时是否使用 display CSS样式属性替代 visibility属性(仅仅应用于那些结束后隐藏 Element 对象的等效,其他的等效无效) @cfg {String/Object/Function} afterStyle 特效完成后应用于 Element 对象的指定样式的字符串,例如:"width:100px",或者形如 {width:"100px"} 的对象,或者返回值为类似形式的函数 @cfg {Boolean} block 当特效生效时是否阻塞队列中的其他特效 @cfg {Boolean} concurrent 是否允许特效与队列中的下一个特效并行生效,或者确保他们在运行队列中 @

配置项

这个类没有配置项。

公告属性

这个类没有公告属性。

公共方法

方法 定义者

公告事件

这个类没公共的事件。