ExtJS 학습 05 이벤트 처리 메커니즘

1. 이벤트의 3 중 바인딩 방식 HTML/DHTML DOM
    EXTJS
2.Ext.util.Observable 이벤트의 기본 클래스는 모든 이벤트 메커니즘을 지원하는 extjs 구성에 이벤트 지원을 제공합니다. 만약에 저희가 새로운 구성을 만들 때 이벤트 지원이 필요하다면 저희는 그의 이벤트 분류 표준 이벤트를 계승합니다. [키보드 단추 누르기, 마우스 클릭 더블 클릭, 미끄러짐] 업무 이벤트[패널을 접을 때 터치, 구성이 소각될 때 터치, 모든 대상의 속 수치가 비어 있지 않을 때 터치]
3.addManagedListener가 관제를 받는 감청은 그가 호출한 구성에서 관리한 것이다. 구성이 폐기 명령을 집행했을 때 통제된 모든 사건을 모두 폐기한다. 4.relay Events 이벤트의 분배와 전파 (이벤트가 서로 다른 공간이나 대상 내에서 전파되는 것을 제어) 5.이벤트 대상 Ext. EventObject는 하나의 예가 아닙니다. 직접 new에서 나올 수 없습니다. 그는 이전 이벤트 처리 함수에서 살아남을 것입니다.이벤트 관리자 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(" ");
	})
})

------------------------------------------------------

좋은 웹페이지 즐겨찾기