关于Extjs的mixins和plugin

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就增加了一个单元格编辑的功能。

参考:
[url]http://stackoverflow.com/questions/7298601/mixin-vs-plugin-what-to-choose[/url]
[url]http://stackoverflow.com/questions/7298601/mixin-vs-plugin-what-to-choose[/url]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值