Extjs源码之--Ext事件机制/继承关系
Extjs源码之--Ext.lib.Event 中分析了EXT事件简单封装,其实EXT事件主要有三个对象组成,而这些对象是相互继承或者是说结构上的从下到上的依赖关系,Ext.lib.Event是基础,封装了基本的事件模型,他是这个事件体系中的核心和基础,是属于adapter级别的,他屏蔽了浏览器的特征,这个对象其实是不对外的,从Ext源码中你也能发现这么一段(This function should ALWAYS be called from Ext.EventManager),这是对事件的监听的,其他的就封装在Ext.EventObject中。接下来是 Ext.EventObject 对象
看下面这段代码,这是Ext.EventObject构造函数
Ext.EventManager = function(){ var .......//一堆变量/常量的定义 E = Ext.lib.Event,//这俩个变量要注意 D = Ext.lib.Dom,// ..............////一堆变量/常量的定义 //接下来一堆的 function ...................... //接下来是返回对象,也就是这个对象为外部提供接口 var pub = { addListener : function(element, eventName, fn, scope, options){}, removeListener : function(el, eventName, fn, scope){}, removeAll : function(el){}, getListeners : function(el, eventName) {}, purgeElement : function(el, recurse, eventName) {}, _unload : function() {}, onDocumentReady : function(fn, scope, options){} }; pub.stoppedMouseDownEvent = new Ext.util.Event(); return pub;}从上面提供的接口看,Ext.EventManager实际上还是对 Ext.lib.Event的扩展和封装,以提供统一的对外接口,而且这里还提供了onDocumentReady这个接口,这个接口涉及到浏览器兼容性问题!而且这个接口的很多函数都用到了Ext.EventObject对象中的方法,所以从代码上看Ext.EventManager是依赖于Ext.EventObject的扩展的!理解了这三个对象的关系对于EXT的事件的理解就简单多了,而且要是看了源码的话,在自己应用中就知道应该注意哪些问题,特别是兼容性和性能上!