javascript - 父类，扩展Ext.form.Panel，添加DockedItmes

Question

我有一个父类ParentPanel，它扩展了Ext JS 5中的Ext.form.Panel。父面板的大致定义如下:

Ext.define('...ParentPanel', {

    config : {  
        isItTrue : true
    },  

    dockedItems: [],

    initComponent : function () {  
        var me = this; 

        //If some evaluation is true...  
        if (isItTrue) {
            me.dockedItems.push({  
                // the components I am trying to add...  
            });  

        this.callParent():
    }

    //....

基本问题是任何扩展 ParentPanel 的类都会调用 initComponent 函数，将项目添加到父级 dockedItems 配置。对于每个 true 评估(因此我最终会重复，因为每个 child 都共享父级的 dockedItems 配置。)。我想要做的只是将项目添加到继承类 dockedItems 配置中，而不是父级。

这可能是 Ext JS 吗？如果是这样，了解设计问题，我将如何解决这个问题？

Answer 1

类似这样的事情:

initComponent: function () {  
    this.dockedItems = [];
    // ...
}

ExtJS 不会改变 Javascript 的本质...