ExtJS 학습 05 이벤트 처리 메커니즘
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(" ");
})
})
------------------------------------------------------
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
React의 특징 2HTML 태그에 이벤트를 할당하려면 이벤트 이름을 camelCase로 명명하고 이벤트 핸들러에 함수를 전달합니다. style을 할당하는 것은 DOM내에 직접 기술하는 방법이나, CSS프로퍼티를 일단 변수에 대입하고 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.