关于Extjs的mixins和plugin
程序员文章站
2022-05-26 17:36:21
...
mixins 用于实现多继承,由于extend只能实现单继承,使用mixins就很方便的让我们从多个基类中继承方法,案例:
类Musician使用了extend:['CanSing'],这样类Musician就拥有了sing方法。但是如果你还希望类Musician还能继承其它父类的方法,这时就需要mixins,如上所示Bird类拥有了fly,sing,run方法。
plugin 用来给已有组件增加新功能或定制化的功能,这个跟继承是不同的概念,plugin是有单独生命周期的,而且这个生命周期是由包含它的组件来管理的。而mixins是没用单独生命周期概念的,因为继承的方法就是组件自己的方法。案例:
这样grid就增加了一个单元格编辑的功能。
参考:
http://*.com/questions/7298601/mixin-vs-plugin-what-to-choose
http://*.com/questions/7298601/mixin-vs-plugin-what-to-choose
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://*.com/questions/7298601/mixin-vs-plugin-what-to-choose
http://*.com/questions/7298601/mixin-vs-plugin-what-to-choose
上一篇: 微软盯上雨林木风开源新系统 法律尚不完善
下一篇: JS高级---利用原型共享数据