mixins 用于实现多继承,由于extend只能实现单继承,使用mixins就很方便的让我们从多个基类中继承方法,案例:
Ext.define('CanSing', {
sing: function() {
alert("I'm on the highway to hell...")
}
});
Ext.define('CanFly', {
fly: function() {
alert("I'm flying in the sky...")
}
});
Ext.define('CanRun', {
run: function() {
alert("I'm running...")
}
});
Ext.define('Musician', {
extend: ['CanSing']
});
Ext.define('Bird', {
extend: ['CanSing'],
mixins: ['CanFly','CanRun']
})
类Musician使用了extend:['CanSing'],这样类Musician就拥有了sing方法。但是如果你还希望类Musician还能继承其它父类的方法,这时就需要mixins,如上所示Bird类拥有了fly,sing,run方法。
plugin 用来给已有组件增加新功能或定制化的功能,这个跟继承是不同的概念,plugin是有单独生命周期的,而且这个生命周期是由包含它的组件来管理的。而mixins是没用单独生命周期概念的,因为继承的方法就是组件自己的方法。案例:
Ext.define("My.panel",{
extend:'Ext.grid.Panel',
plugins: [Ext.create('Ext.grid.plugin.CellEditing', {clicksToEdit: 1})]
});
这样grid就增加了一个单元格编辑的功能。
参考:
http://stackoverflow.com/questions/7298601/mixin-vs-plugin-what-to-choose
http://stackoverflow.com/questions/7298601/mixin-vs-plugin-what-to-choose
分享到:
相关推荐
在ExtJS4中使用mixins来实现多继承,下面有个不错的示例,感兴趣的朋友可以参考下
eslint-plugin-extjs 使用ExtJS框架的项目的ESLint规则。 这些规则的目标是与ExtJS 4.x一起使用。 欢迎请求与5.x兼容的请求! 规则明细 ext-array-foreach ExtJS提供的两个主要的数组迭代器函数和不同之处在于, ...
关于Extjs禁用一些操作的资料
BMSys关于ExtJS4.0
extjs2----关于extjs 的使用,操作.比较初级,但是也比较使用。适合初步接触extjs的朋友
ExtJS 配置和表格控件使用 关于extjs中的GRIDView配置详细操作过程进行描述
EXTJS4自学手册——EXT基本方法、属性(mixins、statics、require) EXTJS4自学手册——EXT对象选择 二 Extjs 数据组件 EXTJS4自学手册——EXT数据结构组件(创建一个Model) EXTJS4自学手册——EXT数据结构组件...
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
extjs资料extjs资料extjs资料extjs资料extjs资料
ext的简单测试关于extjs上传等。树、简单界面。显示图片等demo
只有年月选择--dateYM.html (这个在EXTJS4.0和4.1下显示都是可以的) 2.扩展日期选择时分秒--dateTimeField4.0.html (这个只在EXTJS4.0下显示可以) EXTJS4.1文件夹下面包括 1.只有年月选择--dateYM.html ...
vscode 开发 ExtJS/ExtAngular 的插件,希望对你有帮助。
1.提供了extjs-3.2及extjs-3.4的离线包 2.提供了spket的eclipse插件包,plugins和features放入eclipse对应的目录中,启动eclipse即可 3.离线包中包含了ext.jsb2文件,可在eclipse的spket中进行相应的配置,方便开发...
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
这里是我搜集的ExtJs2.0和3.0的中文的API以及中英文参照的中文CHM 如果,下载之后有什么问题,可以留言.
senchaVScode-1.0.1.vsix Virutal Studio Code 的Extjs插件, 破解方法:https://www.jianshu.com/p/767c4343bc41
从网上资料来看,多数都是停留在ExtJs3,而4+以上版本跟3有比较大的差异,增加了过度难度,这些实例和源代码有利于从3迁移到4的,从而更好的跟5衔接。">ExtJs已经升级到了5.0了,目前可能多数应用还在使用ExtJs 3....
关于Extjs6的学习文档,入门书籍,中英文。其中有关于 ExtJS 6 的电子书 [Ext JS 6 By Example]。
里面包含Extjs 2.2和Extjs 3.2.1版本两个文件