ExtJS学习05事件处理机制

来源：互联网发布：wampserver多域名绑定编辑：程序博客网时间：2024/05/17 06:30

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

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

0 0