herencia múltiple Extjs?

Question

Tengo una pregunta sobre la herencia múltiple en ExtJS. Aunque sé que puedo simplemente duplicar el código para que suceda, pero quiero saber si hay alguna forma de codificarlo de manera más eficiente.

Tengo un componente personalizado GridPanel en mi marco, llamado Kore.ux.grid.GridPanel. Extiende Ext.GridPanel con funcionalidades extra comunes y proporciona una interfaz para acciones de REST.

Poco tiempo después, mi colega quería que también se implementara EditorGridPanel de la misma manera, es decir, quiere que se pueda editar y, al mismo tiempo, tener la capacidad de realizar acciones de REST fácilmente.

Mi pregunta es, ¿hay alguna manera de que pueda extender Ext.EditorGridPanel para tomar las funcionalidades personalizadas Kore.ux.grid.GridPanel?

Disculpa las errores de gramática y puedo volver a formularlas en caso de confusión. ¡¡Gracias!!

EDITAR

Busqué en Google de nuevo, y encontraron hilos diciendo que es imposible. ¿Hay algún patrón de codificación mejor que debería seguir si tengo este problema?

Gracias!

nuevo EDIT

Lo siento me encontré con la estructura que se adapte a mí .. Este es el método que encontré útil para mí:

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); 

Código Fuente: http://www.sencha.com/forum/showthread.php?48000-multiple-inheritance&p=228271&viewfull=1#post228271

favor de nuevo brinda sugerencias útiles si crees que tienes una mejor solución :) ¡Gracias!

Answer 1

Lo que realmente necesita ver, son los complementos de 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 

Uso

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

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

Answer 2

Crea Kore.ux.grid.AbstractGridPanel como clase base con funcionalidad general. Y cree dos clases secundarias: Kore.ux.grid.GridPanel y Kore.ux.grid.EditorGridPanel (con funcionalidad específica).

Answer 3

No estoy de acuerdo con el uso de plugins para lograr la herencia múltiple en Ext. Los complementos tienen la intención de cambiar el comportamiento o agregar nuevas funcionalidades.

El camino correcto para alcanzar la herencia múltiple es mediante el uso Mixins, por favor ver este increíble explicación SenchaCon 2011: The Sencha Class System

Ext.define('FunctionalityA', { 
    methodA: function() { 
     ... 
    } 
}); 

Ext.define('FunctionalityB', { 
    methodB: function() { 

    } 
}); 

Ext.define('MultipleFunctionality', { 
    mixins: [ 
     'FunctionalityA', 
     'FunctionalityB' 
    ], 

    method: function() { 
     methodA(); 
     methodB(); 
    } 
});