当前位置:首页 > 开发 > Web前端 > Ext > 正文

关于Extjs的mixins和plugin

发表于: 2013-09-30   作者:darrenzhu   来源:转载   浏览次数:
摘要: mixins 用于实现多继承,由于extend只能实现单继承,使用mixins就很方便的让我们从多个基类中继承方法,案例: Ext.define('CanSing', { sing: function() { alert("I'm on the highway to hell...") } }); Ext.define(
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

关于Extjs的mixins和plugin

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
ExtJS简介 Ext是一个Ajax框架,用于在客户端创建丰富多彩的web应用程序界面,是在Yahoo!UI的基础上
multiselect嵌套在一个form布局中,如果multiselect设置固定高度,则multiselect组件的这个item行都
之前听说了做界面的Extjs。就想自己搞来学一下,但是发现要写非常多的js脚本,而且出错了不容易调试
这里的项目开发环境与其它普通的开发环境一样,只是配置Struts2有点区别,不过为了大家看到一致,我
我写下这个一是为了自己学习的整理,另一是为了其它入门的网友, 相关的资料网上不多,有的都是一段
Ext.Msg.alert( String title, String msg, [Function fn], [Object scope] )方法应用起来后能看到蒙
Ext.Msg.alert( String title, String msg, [Function fn], [Object scope] )方法应用起来后能看到蒙
今天闲来无事,决定开始学习ExtJs,但是看书写第一个例子就出错了,于是Google的一下,按照各位大虾
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号