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("通过事件管理器进行事件的监听");
})
})
---------------------------待续--------------------------------