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

Question

I've got a parent class ParentPanel that extends Ext.form.Panel in Ext JS 5. The parent panel is roughly defined as follows:

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():
    }

    //....

The basic problem is that any class extending ParentPanel will call the initComponent function, adding the items to the parent dockedItems config. for every true evaluation (so I end up with repetitions as each child is sharing the parent's dockedItems config.). What I want to do is to only have the item added to the inheriting classes dockedItems configuration, not the parent.

Is this even possible is Ext JS? If so, understanding the design issue, how would I work around this?

Answer 1

Something like this:

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

ExtJS doesn't change the nature of Javascript...