ExtJS4中使用mixins实现多继承示例


Posted in Javascript onDecember 03, 2013

在ExtJS4中使用mixins来实现多继承。具体例子代码如下:

(function(){ 
Ext.onReady(function(){ 
Ext.define('say',{ 
canSay:function(){ 
alert("hello"); 
} 
}); 
Ext.define('eat',{ 
caneat:function(){ 
alert("eating"); 
} 
}); 
Ext.define("user",{ 
mixins:{ 
csay:'say', 
ceat:'eat' 
} 
}); 
var ss = Ext.create("user",{}); 
ss.caneat(); 
ss.canSay(); 
}); 
})();

需要注意的是mixins和extend的区别,extend只能实现单继承,因为extend后面跟的参数只能是一个String类型的字符串,不能使用逗号等将文件隔开。

而在mixins中可以加载多个类,来实现多继承的效果。

Javascript 相关文章推荐
JQuery获取与设置HTML元素的内容或文本的实现代码
Jun 20 Javascript
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
Nov 04 Javascript
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
Jan 13 Javascript
javascript倒计时效果实现
Nov 12 Javascript
Bootstrap树形控件使用方法详解
Jan 27 Javascript
javascript函数自动执行常用方法汇总
Mar 28 Javascript
浅析BootStrap模态框的使用(经典)
Apr 29 Javascript
Highcharts入门之基本属性
Aug 02 Javascript
jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】
Mar 09 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
Sep 18 Javascript
Layui实现主窗口和Iframe层参数传递
Nov 14 Javascript
微信小程序 (地址选择1)--选取搜索地点并显示效果
Dec 17 Javascript
ExtJS4中的requires使用方法示例介绍
Dec 03 #Javascript
利用JS进行图片的切换即特效展示图片
Dec 03 #Javascript
JavaScript伸缩的菜单简单示例
Dec 03 #Javascript
JS window对象的top、parent、opener含义介绍
Dec 03 #Javascript
javascript实现信息的显示和隐藏如注册页面
Dec 03 #Javascript
一个js控制的导航菜单实例代码
Dec 03 #Javascript
JS与C#编码解码
Dec 03 #Javascript
You might like
浅析php与数据库代码开发规范
2013/08/08 PHP
php jq jquery getJSON跨域提交数据完整版
2013/09/13 PHP
PHP中常用的转义函数
2014/02/28 PHP
PHP PDO fetch 模式各种参数的输出结果一览
2015/01/07 PHP
PHP中使用Imagick读取pdf并生成png缩略图实例
2015/01/21 PHP
让网页根据不同IE版本显示不同的内容
2009/02/08 Javascript
jquery mobile实现拨打电话功能的几种方法
2013/08/05 Javascript
JS父页面与子页面相互传值方法
2014/03/05 Javascript
在jquery boxy中添加百度地图坐标拾取注意流程
2014/04/03 Javascript
举例讲解JavaScript中关于对象操作的相关知识
2015/11/16 Javascript
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
2016/02/25 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
2016/06/12 Javascript
JS实现的跨浏览器解析XML文件实例
2016/06/21 Javascript
Bootstrap CSS组件之导航(nav)
2016/12/17 Javascript
jquery插件treegrid树状表格的使用方法详解(.Net平台)
2017/01/03 Javascript
vue2.0父子组件及非父子组件之间的通信方法
2017/01/21 Javascript
Angular中的interceptors拦截器
2017/06/25 Javascript
纯js实现的积木(div层)拖动功能示例
2017/07/19 Javascript
js模块加载方式浅析
2017/08/12 Javascript
AngularJS实时获取并显示密码的方法
2018/02/06 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
2018/07/31 Javascript
微信小程序Echarts覆盖正常组件问题解决
2019/07/13 Javascript
Vue 中可以定义组件模版的几种方式
2019/08/06 Javascript
layui插件表单验证提交触发提交的例子
2019/09/09 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
python构建深度神经网络(DNN)
2018/03/10 Python
Python wxPython库Core组件BoxSizer用法示例
2018/09/03 Python
基于Python pyecharts实现多种图例代码解析
2020/08/10 Python
CSS3制作炫酷的自定义发光文字
2016/03/28 HTML / CSS
老公给老婆的保证书
2014/04/28 职场文书
大学活动总结模板
2014/07/10 职场文书
大型主题婚礼活动策划方案
2014/09/15 职场文书
优秀教师申报材料
2014/12/16 职场文书
2015年仓库工作总结
2015/04/09 职场文书
选择比努力更重要?这是长期以来对“努力”的最大误解
2019/07/12 职场文书
用Python提取PDF表格的方法
2021/04/11 Python