前台HTML：

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <link rel="stylesheet" type="text/css" href="js/extjs/resources/css/ext-all-neptune-debug.css">

 <script type="text/javascript" src="js/extjs/ext-all-debug.js"></script>

 <script type="text/javascript" src="js/extjs/locale/ext-lang-zh_CN.js"></script>

 <script type="text/javascript" src="js/all.js"></script>

 <title>ExtJS</title>

 </head>

 <body>

 <body>

     <button id="walk">walk</button>

     <button id="eat">eat</button>

     <button id="sleep">sleep</button>

 </body>

 </body>

 </html>

JS代码：

 Person = function(name) {

     // ExtJS 4 中一定要这句构造函数

     Person.superclass.constructor.call(this, name);

     this.name = name;

     this.addEvents("walk", "eat", "sleep");

 };

 Ext.extend(Person, Ext.util.Observable, {

     info : function(event) {

         return this.name + ' is ' + event + 'ing.';

     }

 });

 Ext.onReady(function() {

     Ext.get('walk').on('click', function() {

         person.fireEvent('walk');

     });

     Ext.get('eat').on('click', function() {

         person.fireEvent('eat', '早餐', '中餐', '晚餐');

     });

     Ext.get('sleep').on('click', function() {

         // 此处不能用time = new Date()，然后time.format("H")了

         person.fireEvent('sleep', Ext.Date.format(new Date(), 'H'));

     });

     var person = new Person('Lingo');

     person.on('walk', function() {

         Ext.Msg.alert('event', person.name + "在走啊走啊。");

     });

     person.on('eat', function(breakfast, lunch, supper) {

         Ext.Msg.alert('event', person.name + "要吃" + breakfast + "，" + lunch + "和" + supper + "。");

     });

     person.on('sleep', function(time) {

         Ext.Msg.alert('event', person.name + "从" + time + "点开始睡觉啦。");

     });

 });

ExtJS 4.2 中自定义事件的更多相关文章

  1. Extjs中自定义事件

    //Ext中所谓的响应事件,响应的主要是组件中已经定义的事件(通过看api各组件的events可以找到)         //主要作用就是利用on调用各组件的事件处理函数,然后在函数中作用户想要的操作 ...

  2. javascript中自定义事件

    自定义事件:用户可以指定事件类型,这个类型实际上就是一个字符串,然后为这个类型的事件指定事件处理函数,可以注册多个事件处理函数(用数组管理),调用时,从多个事件处理函数中找到再调用. function ...

  3. 使用jQuery在javascript中自定义事件

    js中的自定义事件有attachEvent,addEventListener等等好多种,往往受困于浏览器兼容,而且代码写起来也相当麻烦.jQuery为我们解决了这个问题,几行代码就可以很好的实现事件的 ...

  4. php中自定义事件－－－事件驱动

    PHP中自定义事件驱动,处理机制. 原文:https://www.cnblogs.com/mafeifan/p/4322271.html ------------------------------- ...

  5. Vue中调用另一个组件中自定义事件

    之前在一个场景中,遇到组件需要调用父组件中的方法tableInit(),字组件调用父组件常用的有三种方法,具体参考:https://www.cnblogs.com/jin-zhe/p/9523782. ...

  6. 1 .net中自定义事件的步骤

    1 申明一个自定义的类并且继承事件的基类 public class ClientSocketModelConnectedEvent:EventArgs { private string param; ...

  7. js中自定义事件，使用了jQuery

    $(function(){ $('#btn').bind("myClick", function(){ //自定义myClick事件 $('#test').append(" ...

  8. JS中自定义事件的使用与触发

    1. 事件的创建 JS中,最简单的创建事件方法,是使用Event构造器: var myEvent = new Event('event_name'); 但是为了能够传递数据,就需要使用 CustomE ...

  9. nodejs 中自定义事件

    经常看到 req.on('error', function(){...}); 这种代码. 在nodejs中,可以使用 EventEmitter来实现. 具体的关键词有如下几个: var reqEven ...

随机推荐

  1. Linux 实现自动安装服务组件以及优化内核参数 (转)

    安装好Linux裸机后(安装请参考:http://blog.itpub.net/26230597/viewspace-1380155/),还需要在其上安装一些基础组件,一般是手动一个个安装,比较繁复也 ...

  2. window7 下 安装 apache24(httpd-2.4.10-x86-r2)加 php5.6（php-5.6.4-Win32-VC11-x86）加yaf（php_yaf-2.3.3-5.6-ts-vc11-x86）整合

    window7 下 安装 apache24(httpd-2.4.10-x86-r2)加 php5.6(php-5.6.4-Win32-VC11-x86)加yaf(php_yaf-2.3.3-5.6-t ...

  3. linux 解压，源码包

    从网络上下载到的源码包, 最常见的是 .tar.gz 包, 还有一部分是 .tar.bz2包   要解压很简单 :   .tar.gz     格式解压为          tar   -zxvf   ...

  4. 替换、恢复Html中的特殊字符

    public static string HtmlEncode(string theString){theString = theString.Replace(">", &q ...

  5. LintCode "Swap Two Nodes in Linked List"

    Nothing special. Just take care of corner cases. class Solution { public: /** * @param head a ListNo ...

  6. bzoj2589: Spoj 10707 Count on a tree II

    Description 给定一棵N个节点的树,每个点有一个权值,对于M个询问(u,v),你需要回答u xor lastans和v这两个节点间有多少种不同的点权.其中lastans是上一个询问的答案,初 ...

  7. Python try/except异常处理机制

    1. use try, except, finally try: data=open('its.txt','w') print('its..', file=data) except: print('f ...

  8. activiti自定义流程之自定义表单（三）：表单列表及预览和删除

    注:(1)环境配置:activiti自定义流程之自定义表单(一):环境配置 (2)创建表单:activiti自定义流程之自定义表单(二):创建表单 自定义表单创建成功,要拿到activiti中使用,自 ...

  9. Jedis 连接redis超时

    redis默认不允许远程连接 用vi打开Redis服务器的配置文件redis.conf ~ sudo vi /etc/redis/redis.conf #注释bind #bind 127.0.0.1 ...

  10. SparkSQL的解析详解

    SparkSQL继承自Hive的接口,由于hive是基于MapReduce进行计算的,在计算过程中大量的中间数据要落地于磁盘,从而消耗了大量的I/O,降低了运行的效率,从而基于内存运算的SparkSQ ...