function(origclass, overrides){
if(overrides){
var p = origclass.prototype;
Ext.apply(p, overrides);
if(Ext.isIE && overrides.hasOwnProperty('toString')){ // 这个是什么？IE的特殊点？
p.toString = overrides.toString;
}
}
}
现在就可以开始正式介绍Extjs的事件模型了。和其他语言事件类似，首先要为一个类定义事件，其他语言（例如C#）的事件一般有一个专门的event类型，event类型实际上可以看作是委托的数组，当然委托实际上是函数,添加时间监听器(listener)，就是想委托数组中添加委托（函数），所谓触发事件就是把数组中的函数统统执行一遍。Javascript也是类似的，只是Javascript的函数比那些语言强大灵活的多，因此也不需要什么event类型了。Javascript的事件看起来就像一个字符串（它内部应该也是保留了一个数组的），可以通过Observale.addEvents方法添加事件，通过Observale.fireEvent触发事件，通过Observale.addListner增加事件监听器。下面举一个没什么意义却能说明问题的例子。
复制代码 代码如下:
Odder = function(min, max) {
this.min = min;
this.max = max;
this.addEvents('onFindOdd');
}
Ext.extend(Odder, Ext.util.Observable, { run:
function() {
for (var i = this.min; i < this.max; i++) {
if (i % 2 != 0) {
this.fireEvent('onFindOdd',i);
}
}
}
});
var p = new Odder(4, 8);
p.addListener('onFindOdd',function(n){alert(n);});
p.run();
Odder是这么一个类，它通过一个构造函数传入一个范围，然后寻找这个范围内的所有奇数，每找到一个就触发一个事件。我给它加一个事件处理程序，把它找到的奇数alert出来。 要注意，这里的事件处理程序的参数只能靠程序员自己保持一致，它不像委托那样强类型。
注意，我没有采用官网上的例子：
复制代码 代码如下:
Employee = Ext.extend(Ext.util.Observable, {
constructor: function(config){
this.name = config.name;
this.addEvents({
"fired" : true,
"quit" : true
});
// Copy configured listeners into *this* object so that the base class's
// constructor will add them.
this.listeners = config.listeners;
// Call our superclass constructor to complete construction process.
Employee.superclass.constructor.call(config)
}
});This could then be used like this:
var newEmployee = new Employee({
name: employeeName,
listeners: {
quit: function() {
// By default, "this" will be the object that fired the event.
alert(this.name + " has quit!");
}
}
});
我觉得官网上的例子内部还有文章，它的重载项中包含了constructor属性，给人的感觉是是重载了父类的构造函数，然后子类就会调用这个构造函数来创建，其实不是的，它改变了Javascript本身的行为，这个就和我上面标注的没有看懂的那几句代码有关系。下回再讨论。
您可能感兴趣的文章: