Extjs提供了一套强大的事件处理机制，通过这些事件处理机制来响应用户的动作、监控控件状态变化，更新控件视图信息，与服务器进行交互等等。事件同意由Ext.EventManager对象来管理，与浏览器W3C标准事件对象Event对应，Ext封装了一个Ext.EventObject事件对象。支持事件处理的类（或接口）为Ext.util.Observable,凡是继承该类的组件或类都支持往对象中添加事件处理及相应功能。

首先我们来看看标准html中的事件处理，看下面的html代码：

<script>

function a(){

　　alert("u clicked me");

}

</script>

<input id="btn" type="button" οnclick="a();" value="alert框"/>

点击这个按钮则会触发onclick事件，然后会执行函数a（）中的代码。再简单修改一下上面的代码：

<script>

function a(){

　　alert("u clicked me");

}

window.οnlοad=functon(){

document.getElementById("btn").οnclick=a;

}

</script>

<input id="btn" type="button" οnclick="a();" value="alert框"/>

上面的代码在文档加载的时候就直接对btn的onclick赋值，非常清晰的指明了按钮btn的事件响应函数为a,注意，这里的a后面没有().

Extjs中组件的事件处理跟上面的相似，看下代码：

<script>
   　function a(){
   alert('u clicked me');
   }
   Ext.onReady(function(){
   Ext.get("btn").addListener("click",a);
   });
   </script>
   <input id="btn" type="button" value="alert框">

Ext.get("btn")得到一个与页面中按钮btn关联的Ext.Element对象，可以直接调用该对象上的addListener方法来给对象添加监听事件。在调用addListener方法中，第一个参数表示事件名称，第二个参数表示事件处理器或整个响应函数。

转载于:https://www.cnblogs.com/howlaa/archive/2012/07/25/2608481.html

2012/7/25Extjs学习随笔相关推荐

  1. Ibatis学习随笔

    Ibatis学习随笔 < person >       < id > 1 </ id >     < firstName > Clinton </ ...

  2. Delphi面向对象学习随笔六：接口

    Delphi面向对象学习随笔六:接口   Delphi面向对象学习随笔六:接口 作者:巴哈姆特 (转载请注明出处并保持完整) 在对象化中,类的继承是一个非常强大的机制:而更加强大的继承机制应该是来自从 ...

  3. python rowcount_PyQt（Python+Qt）学习随笔：QTableWidget的currentItem、rowCount、columnCount等部件状态属性访问方法...

    老猿将QTableWidget表格部件中反映部件当前情况的一些方法归类为部件状态访问方法,包括部件的行数.列数.当前项.当前行.当前列等属性访问方法. 1.行数rowCount QTableWidge ...

  4. C#程序集Assembly学习随笔(第一版)_AX

    ①什么是程序集? 可以把程序集简单理解为你的.NET项目在编译后生成的*.exe或*.dll文件. 嗯,这个确实简单了些,但我是这么理解的.详细: http://blog.csdn.net/sws83 ...

  5. Delphi面向对象学习随笔一：类与对象的关系

    Delphi面向对象学习随笔一:类与对象的关系 作者:巴哈姆特 http://www.cnpack.org (转载请注明出处并保持完整) 工作几年了,总想做点总结,于是有了这篇东西,叫随笔吧呵     ...

  6. 64位BASM学习随笔（一）

     64位BASM学习随笔(一) Delphi的BASM一直是我最喜爱的内嵌汇编语言,同C/C++的内联汇编相比,它更方便,更具灵活性,由于C/C++的内联汇编仅仅能是或插入式的汇编代码,函数花括号 ...

  7. 2021.3.14学习随笔

    学习随笔 摆仙果 题目具体链接 给定有规律的字符序列,对比输入的字符序列,对比相同的长度. 题目的不同之处:该题是字符串头部对齐.还有不对齐的,就类似与字符串匹配 #include<iostre ...

  8. Vue学习随笔+商城项目【上】

    更新日期:2021-02-10 晚 [新年快乐] 附:Vue学习随笔+商城项目[下] 目录(部分) (一)ES6补充 1.1块级作用域 1.1.1 什么是变量作用域 1.1.2 没有块级作用域造成的问 ...

  9. 蛙蛙推荐：一个程序员2012年技术学习总结 - 蛙蛙王子 - 博客园

    蛙蛙推荐:一个程序员2012年技术学习总结 - 蛙蛙王子 - 博客园 蛙蛙推荐:一个程序员2012年技术学习总结 - 蛙蛙王子 - 博客园 俗一吧,也总结一下,程序员,代码说话. posted on ...

  10. JAVA面试八股文宝典（黑马学习随笔）-- 基础篇

    学习随笔简介 跟随着黑马满老师的<Java八股文面试题视频教程,Java面试八股文宝典>学习,视频教程地址:Java八股文面试题视频教程,Java面试八股文宝典(含阿里.腾迅大厂java面 ...

最新文章

  1. java求阶乘不内存溢出_No_16_0321 Java基础学习第二十一天
  2. 【C++ Primer | 08】课后习题答案
  3. 毫米波雷达与激光雷达的初探
  4. Android仿人人客户端（v5.7.1）——Auth授权认证（整理流程，重构代码）
  5. ecshop mysql 报错_ecshop数据库操作函数
  6. linux top 参数详解
  7. • 硕士论文查重原理与快速通过的七大方法（转载）
  8. python赋值01_少说话多写代码之Python学习022——赋值语句的用户01（序列解包）...
  9. leetcode笔记（五）809. Expressive Words
  10. 曲线拟合的数值方法——《数值计算方法》
  11. Mac系统切换SMB账号密码
  12. 七里香计算机音乐谱子,七里香（改编自《新经典》）
  13. 最痛苦的时候不能对最亲近的人诉说——痛苦莫过如此——最痛的苦
  14. SQL Server 学习5（随机数，整数，编号，序号）
  15. 程序员系列头像表情包一
  16. 【笔记：Spring】
  17. 【C语言】一不小心写出bug?凡人教你如何写出好代码【详解vs中调试技巧】
  18. 枪火重生灵界狂潮攻略 （二）老虎流派
  19. maskrcnn_benchmark 代码详解之　boxlist_ops.py
  20. 如何写好科研论文 (第二章习题 Quiz 2)

热门文章

  1. nvcc-V 程序“nvcc”尚未安装。 您可以使用以下命令安装： sudo apt install nvidia-cuda-toolkit
  2. R-FCN算法的Caffe实现
  3. sklearn常用聚类算法模型【KMeans、DBSCAN】实践
  4. python实现原始字典数据中键值互换得到新的字典数据
  5. python求解LeetCode习题Find Peak Element in Given num_list
  6. python resize重置大小
  7. json文件存储 qt_QT开发（五十一）——QtQuick基础
  8. 证明背包问题是NP-complete
  9. oracle 级联外键约束,Oracle 外键的相关约束中级联删除的方案
  10. 抽屉效果_仿QQ抽屉效果界面python