javascript – Extjs多重继承？

我有一个关于ExtJS中的多重继承的问题.虽然我知道我可以简单地复制代码以使其发生,但我想知道是否有任何方法可以更有效地编码它.

我的框架中有一个自定义的GridPanel组件,名为Kore.ux.grid.GridPanel.它扩展了Ext.GridPanel,具有额外的通用功能,并为REST操作提供接口.

不久之后,我的同事想要以同样的方式实现EditorGridPanel,即她希望它可以编辑,同时,能够轻松地执行REST操作.

我的问题是,有什么方法可以扩展Ext.EditorGridPanel来采用自定义的Kore.ux.grid.GridPanel功能吗？

对不起任何语法错误,如果它令人困惑我可以改写它.谢谢！！

编辑

我再次搜索,我发现线程说这是不可能的.如果我有这个问题,我应该遵循更好的编码模式吗？

谢谢！

再次编辑

很抱歉,我找到了适合我的结构..这是我发现对我有用的方法：

var Common = function(){}   //abstract class
Ext.apply(Common.prototype, {

    a : function(){},
    b: function(){}...

});

Ext.ux.SomePanelA = Ext.extend ( Ext.Panel, {

    stuff : ............

});

Ext.ux.SomePanelB = Ext.extend ( Ext.Panel, {

    diffStuff : ............

});

Ext.applyIf(Ext.ux.SomePanelA.prototype, Common.prototype);
Ext.apply(Ext.ux.SomePanelB.prototype, Common.prototype);

代码来源：http://www.sencha.com/forum/showthread.php?48000-multiple-inheritance&p=228271&viewfull=1#post228271

如果您认为自己有更好的解决方案,请再次提供有用的建议:)谢谢！

解决方法:

你真正需要研究的是ExtJS插件.

/**
 * Boilerplate code taken from 'ExtJS in Action' by Jay Garcia
 */
YourNameSpace.RestGridPlugin = Ext.extend(Object, {
  constructor : function(config) {
    config = config || {};
    Ext.apply(this.config);
  },

  init : function(parent) { //parent argument here, is whatever you apply your plugin to
    parent.on('destroy', this.onDestroy, this);
    Ext.apply(parent, this.parentOverrides);
  },

  onDestroy : function() {
    //here you need to free any resources created by this plugin
  },

  parentOverrides : {
    //here you do your magic (add functionality to GridPanel)
  }

});

Ext.preg('restgridplugin',YourNameSpace.RestGridPlugin); //register your brand ne plugin

用法

someGrid = {
  xtype: 'grid',
  columns: ...
  store: ...
  plugins: [
    'restgridplugin'
  ]
}

someEditorGrid = {
  xtype: 'editorgrid',
  columns: ...
  store: ...
  plugins: [
    'restgridplugin'
  ]
}

标签：javascript,inheritance,extjs,gridpanel
来源： https://codeday.me/bug/20190521/1149202.html