暂时还不会用Ext.mixin.Observable，

催悲的测试了近两个小时。这TMD的语法差距也太大了啊。。

在新版EXTJS里，已去除了addEvents。

弄个出来，大概知道下吧。

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>ExtJs</title>
  5. 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6.     <link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">
  7. 		<script type="text/javascript" src="ExtJs/ext-all.js"></script>
  8. 		<script type="text/javascript" src="ExtJs/bootstrap.js"></script>
  9. 		<script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script>
  10.  
  11.     <script type="text/javascript">
  12.     Ext.onReady(function(){
  13.  
  14.       var name=Ext.extend(Ext.util.Observable,{
  15.           constructor:function(config){
  16.               this.name=config.name;
  17.               this.id=config.id;
  18.               //this.addEvents("fire","quite");
  19.               this.listeners=config.listeners;
  20.               name.superclass.constructor.call(this,config);
  21.           }
  22.       });
  23.  
  24.       var username=new name({
  25.         name:"Test",
  26.         id:"001",
  27.         listeners:{
  28.             "fire":function(){alert(username.name);}
  29.         }
  30.       });
  31.  
  32.       Ext.get('walk').on('click', function() {
  33.         username.fireEvent('fire');
  34.       });
  35.     });
  36.     </script>
  37. </head>
  38. <body style="margin: 20px">
  39.   <button id="walk">walk</button>
  40.   <button id="eat">eat</button>
  41.   <button id="sleep">sleep</button>
  42. </body>
  43. </html>

　　

EXTJS之Ext.util.Observable自定义事件的更多相关文章

  1. ExtJs之Ext.util.TextMetrics

    <!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv ...

  2. ExtJs之Ext.util.TaskRunner

    <!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv ...

  3. ExtJs之Ext.util.MixedCollection

    <!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv ...

  4. ExtJs之Ext.util.Format

    <!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv ...

  5. ExtJs之Ext.util.ClickRepeater

    <!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv ...

  6. ExtJs之Ext.util.CSS

    <!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv ...

  7. 63.ExtJs事件（自定义事件、on、eventManager）示例

    转自:https://blog.csdn.net/leadergg/article/details/5927614?utm_source=blogxgwz5 ExtJs事件(自定义事件.on.even ...

  8. Extjs中自定义事件

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

  9. ExtJS 4.2 中自定义事件

    前台HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www ...

随机推荐

  1. luogu3382【模板】三分法

    给出一个N次函数,保证在范围[l,r]内存在一点x,使得[l,x]上单调增,[x,r]上单调减.试求出x的值. 看代码即可. #include <cstdio> #include < ...

  2. Error-MySQL：2005 - Unknown MySQL server host 'localhost'(0)

    ylbtech-Error-MySQL:2005 - Unknown MySQL server host 'localhost'(0) 1.返回顶部 1. 今天在外面开navicat for mysq ...

  3. Cosine Similarity of Two Vectors

    #include <iostream>#include <vector>#include <cmath>#include <numeric> templ ...

  4. BZOJ 4808 二分图最大独立集

    思路: 棋盘是个二分图 那就把一个可以走的白点  向所有可以走的黑点连边 跑一个最大匹配   (匹配上了就代表这两个点不能共存) 最大独立集=sum-最大匹配 //By SiriusRen #incl ...

  5. MySQL学习笔记之左连接

     MySQL的左连接 #左连接,以左表为基表 select class1.stuid,class1.stuname,sex,course from class1 left join course on ...

  6. GO 协程 通道实例以及验证SnowFlake算法

    最近项目中使用了SnowFlake算法产生ID,并在实际运行环境下会产生重复ID,所以写了一个Go的程序进行验证,顺便也练习一下Go的协程与通道. 至于GO的协程和通道的基础知识请自行百度. 代码如下 ...

  7. 安卓学习之学生签到APP（一）

    一.学生定位签到页面 具体实现步骤: 1.1 高德地图申请key 1.创建新应用 进入高德地图api控制台,创建一个新应用.如果您之前已经创建过应用,可直接跳过这个步骤. 2.添加新Key 在创建的应 ...

  8. 【Oracle】表连接三种方式

    表连接的方式有三种分别是:排序合并连接(Sort Merge Join).嵌套循环连接(Nested Loops Join).哈希连接(Hash Join). 1. 排序合并连接(Sort Merge ...

  9. 国内DNS服务器地址

    114DNS114.114.114.114114.114.115.115 腾讯119.29.29.29 百度180.76.76.76 阿里223.5.5.5223.6.6.6 [THE END]

  10. Why use Cache-Control header in request?

    本地缓存也是缓存代理的一部分. 请求时使用Cache-Control 表示缓存的使用策略. 请求头里的no-cache表示浏览器不想读缓存,并不是说没有缓存.一般在浏览器按ctrl+F5强制刷新时,请 ...