ExtJs事件处理

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

    EXTJS

第一种：直接在页面里面写function即可，附上组件一个function，触发即可：
第二种操作DOM的，第三种是用框架操作的【这里是EXTJS】

(function(){
	Ext.onReady(function(){
			if(Ext.isIE){
			document.getElementById("btn2").attachEvent("onclick",function(){
				alert("第二种绑定事件的方式")
			});
			}else{
			document.getElementById("btn2").addEventListener("click",function(){
                alert("第二种事件请求的方式");
			});	
			}
			//基于事件捆绑的机制
			Ext.get('btn3').on("click",function(){
				alert("第三种事件绑定方式");
			});
	});
})();

下面这段断码值得好好的研究一下：【设计到事件绑定】第一个button，是绑定在第二个button上的，第二个button已经给第一个button注册了单击事件了，所以在第二个按钮不消失之前，第一个按钮被单击后会触发事件，但是当第二个按钮由于第三个按钮触发而消失的时候，第一个按钮的单击事件自动消失了。

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

下面这行代码挺有意思的：给组件添加函数

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