Hierarchy
Ext.BaseExt.EventObjectUses
Files
正如Ext.Element包装一个原生的DOM节点， Ext.EventObject包装浏览器的原生事件对象，常规化跨浏览器之间的差异， 比如哪个鼠标按钮被单击，按键按下， 停止事件传播方法以防止默认操作发生的机制。
示例:
function handleClick(e, t){ // e它不是一个标准的事件对象，而是Ext.EventObject
e.preventDefault();
var target = e.getTarget(); // 与 t (目标HTMLElement)相同
...
}
var myDiv = Ext.get("myDiv"); // 获取对一个 Ext.Element 的引用
myDiv.on( // 'on' 是 addListener 的简写
"click", // 单击 myDiv 上执行的操作
handleClick // 动作处理的引用
);
// 其他的方法做同样的:
Ext.EventManager.on("myDiv", 'click', handleClick);
Ext.EventManager.addListener("myDiv", 'click', handleClick);
扩展事件
Defaults to: []
按键常量
Defaults to: 93
按键常量
Defaults to: 12
按键常量
Defaults to: 111
按键常量
Defaults to: 106
按键常量
Defaults to: 110
按键常量
Defaults to: 44
鼠标滚轮增量的比例因子。此值取决于浏览器版本和操作系统， 并尝试跨所有平台和浏览器产生类似的滚动体验。
若要更改此值:
Ext.EventObjectImpl.prototype.WHEEL_SCALE = 72;
本身
获取当前类的引用，此对象被实例化。不同于 statics,
this.self是依赖范围，它意味着要使用动态继承。
参见 statics 详细对比
Ext.define('My.Cat', {
statics: {
speciesName: 'Cat' // My.Cat.speciesName = 'Cat'
},
constructor: function() {
alert(this.self.speciesName); // 依赖 'this'
},
clone: function() {
return new this.self();
}
});
Ext.define('My.SnowLeopard', {
extend: 'My.Cat',
statics: {
speciesName: 'Snow Leopard' // My.SnowLeopard.speciesName = 'Snow Leopard'
}
});
var cat = new My.Cat(); // alerts 'Cat' 猫
var snowLeopard = new My.SnowLeopard(); // alerts 'Snow Leopard' 雪豹
var clone = snowLeopard.clone();
alert(Ext.getClassName(clone)); // alerts 'My.SnowLeopard'
成员
调用原来的方法，这是以前的override重写
Ext.define('My.Cat', {
constructor: function() {
alert("I'm a cat!");
}
});
My.Cat.override({
constructor: function() {
alert("I'm going to be a cat!");
this.callOverridden();
alert("Meeeeoooowwww");
}
});
var kitty = new My.Cat(); // alerts "I'm going to be a cat!"
// alerts "I'm a cat!"
// alerts "Meeeeoooowwww"
This method has been deprecated since 4.1
版本 使用 callParent 代替.
参数的参数，数组或'参数'对象
来自当前方法，例如： this.callOverridden(arguments)
返回调用重写方法的结果。
所谓的"parent"方法是指当前的方法。 这是以前的方法派生或重写(参见 Ext.define)。
Ext.define('My.Base', {
constructor: function (x) {
this.x = x;
},
statics: {
method: function (x) {
return x;
}
}
});
Ext.define('My.Derived', {
extend: 'My.Base',
constructor: function () {
this.callParent([21]);
}
});
var obj = new My.Derived();
alert(obj.x); // alerts 21
这可以用来重写如下:
Ext.define('My.DerivedOverride', {
override: 'My.Derived',
constructor: function (x) {
this.callParent([x*2]); // 调用原来的My.Derived构造
}
});
var obj = new My.Derived();
alert(obj.x); // 现在提示 42
This also works with static methods.
Ext.define('My.Derived2', {
extend: 'My.Base',
statics: {
method: function (x) {
return this.callParent([x*2]); // 调用 My.Base.method
}
}
});
alert(My.Base.method(10); // alerts 10
alert(My.Derived2.method(10); // alerts 20
然后，它也可以重写静态方法。
Ext.define('My.Derived2Override', {
override: 'My.Derived2',
statics: {
method: function (x) {
return this.callParent([x*2]); // 调用 My.Derived2.method
}
}
});
alert(My.Derived2.method(10); // 现在提示 40
这个参数, 通过当前方法得到数组或者 arguments 对象,
例如: this.callParent(arguments)
返回调用父类的方法的结果。
这个类的初始化配置。典型例子:
Ext.define('My.awesome.Class', {
// 这是默认配置
config: {
name: 'Awesome',
isAwesome: true
},
constructor: function(config) {
this.initConfig(config);
}
});
var awesome = new My.awesome.Class({
name: 'Super Awesome'
});
alert(awesome.getName()); // 'Super Awesome' 超级棒
配置
mixins 混入原型 键-值对
使用对象中的数据和(可选)一个新的目标，注入一个DOM事件。 这是一种低级的技术，不可能是由应用程序代码使用。 目前支持的事件类型:
HTMLEvents
MouseEvents
UIEvents
(可选) 如果指定，该事件的目标。 这可能用于接替 DOM 事件。如果未指定, 则getTarget 被用来确定目标。
阻止浏览器默认行为处理事件。
获取从该对象被实例化的类的引用。 请注意不同于 self,
this.statics()是独立的作用域，无论this是否运行，总是返回其中的调用类。
Ext.define('My.Cat', {
statics: {
totalCreated: 0,
speciesName: 'Cat' // My.Cat.speciesName = 'Cat'
},
constructor: function() {
var statics = this.statics();
alert(statics.speciesName); // 总是等于'Cat'，无论'this'是什么，
// 相当于：My.Cat.speciesName
alert(this.self.speciesName); // 依赖 'this'
statics.totalCreated++;
},
clone: function() {
var cloned = new this.self; // 依赖 'this'
cloned.groupName = this.statics().speciesName; // 相当于: My.Cat.speciesName
return cloned;
}
});
Ext.define('My.SnowLeopard', {
extend: 'My.Cat',
statics: {
speciesName: 'Snow Leopard' // My.SnowLeopard.speciesName = 'Snow Leopard'
},
constructor: function() {
this.callParent();
}
});
var cat = new My.Cat(); // alerts 'Cat', 然后提示 'Cat'
var snowLeopard = new My.SnowLeopard(); // alerts 'Cat', 然后提示 'Snow Leopard'
var clone = snowLeopard.clone();
alert(Ext.getClassName(clone)); // alerts 'My.SnowLeopard'
alert(clone.groupName); // alerts 'Cat'
alert(My.Cat.totalCreated); // alerts 3
停止事件(preventDefault 和 stopPropagation)
取消事件冒泡。
配置扩展
如果此事件的目标对象是el的子级，则返回true。除非设置allowEl参数，如果目标对象是在el，它将返回false。 用法示例:
// 处理任何元素的子元素上的单击事件
Ext.getBody().on('click', function(e){
if(e.within('some-el')){
alert('Clicked on a child of some-el!');
}
});
// 处理直接在一个元素上的单击事件，忽略了子节点上的单击事件
Ext.getBody().on('click', function(e,t){
if((t.id == 'some-el') && !e.within(t, true)){
alert('Clicked directly on some-el!');
}
});
id，DOM元素或要检查的Ext.Element
(可选) 如果为 true，测试相关的目标对象是在 el 而非目标对象
(可选) 如果为 true，还检查传递的元素是否是目标对象或相关的目标对象