ExtJS学习05事件处理机制

1.事件的3中绑定方式
    HTML/DHTML
    DOM

    EXTJS

2.Ext.util.Observable 事件的基类
    他为所有支持事件机制的extjs组建提供事件的支持
    如果我们自己创建新的组建需要有事件的支持那么我们就继承他
    事件的分类
        标准事件[键盘按钮按下,鼠标的单击双击,滑过滑动]
        业务事件[当面板收起的时候触发,当组建被销毁的时候触发,当每一个对象的属数值不为空的时候触发]

3.addManagedListener 收管制的监听
    他是由调用的组建管理的,当组建执行了销毁命令的时候所有被组建管制的事件全部销毁
4.relayEvents 事件的分发和传播(控制实现事件在不同空间或对象内的传播)
 
5.事件对象Ext.EventObject
    不是一个单例,不能被直接new出来,他会存活早事件处理的函数中
6.事件管理器Ext.EventManager
    他可以更方便的为页面元素绑定事件处理函数
    方法:addListener 为元素增减事件
   --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

简单小例子：绑定事件的方法

(function(){
	Ext.onReady(function(){
		var tbar=Ext.create('Ext.toolbar.Toolbar',{
			renderTo:Ext.getBody(),      //渲染到Body上
			width:500,
			items:[
			       {xtype:'button',id:'create',text:'create'},
			       {xtype:'button',id:'delete',text:'delete',handler:function(){
			    	   alert("删除");
			       }},
			       {xtype:'button',text:'销毁删除按钮',handler:function(){
			    	  var c=Ext.getCmp("delete");      //得到js文件中的id
			    	  if(c){
			    		  c.destroy();
			    	  }
			       }}
			       
			       ]
		});
		var deleteB=Ext.getCmp("delete");
		deleteB.addManagedListener(Ext.getCmp("create"),'click',function(){
		 alert("添加操作");
		});
	});
	 
})();

(function(){
 Ext.onReady(function(){
	 document.getElementById("btn2").addEventListener("click",function(){
			alert("第二种事件绑定方式");
	 });
	 
	 Ext.get('btn3').on("click",function(){
		 alert("第三种绑定方式");
	 })
 })
})();

Ext.onReady(function(){
	Ext.EventManager.addListener("btn5",'click',function(){
		alert("通过事件管理器进行事件的监听");
	})
})

---------------------------待续--------------------------------