ExtJS4-從單個基類擴展不同的組件

Question

我有一個Web應用程序，正在使用ExtJS 4.2。 該應用程序具有許多不同的組件-一個顯示一些數據的面板，另一個顯示一些其他數據的面板，一個網格，一個圖表等。

要求每個組件至少具有一組特定的功能和屬性。 因此，我想定義一個“組件”類，我可以從中擴展其他所有內容。 例如：

Ext.define('MyApp.BaseComponent', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.myapp-basecomponent',

    prop1: true,
    prop2: 17,

    func1: function (a, b) {
        return a + b;
    }
});

然后，我將從該基本組件類擴展應用程序中的每個單獨組件。 問題是，如果我將基本組件定義為擴展“ Ext.panel.Panel”，則只能從中擴展其他面板。 我無法從中擴展網格，樹等。

有沒有辦法可以做到這一點？ 還是我走錯路了？ 也許我應該將不是面板的所有內容（網格，圖表等）嵌套在面板中，以便它們都可以從BaseComponent擴展出來？ 忠告不勝感激。

Answer 1

如果只想增加基本組件類，則總是可以提供一個添加它們的覆蓋：

Ext.define('MyApp.AugmentComponent', {
    override: 'Ext.Component',

    a: 1,
    b: 2,

    fn1: function() {
    }
});