extjs - 扩展继承的停靠栏 extjs

Question

我写了两个网格类。

BaseUsuarios.js：

Ext.define('CRUDManantiales.view.grid.BaseUsuarios', {
     extend: 'Ext.grid.Panel',
     alias: 'widget.gridBaseUsuarios',
     title: 'Usuarios',
     initComponent: function(){
           ...
           this.callParent(arguments);
     }
});

和FullUsuarios.js

Ext.define('CRUDManantiales.view.grid.FullUsuarios', {
    extend: 'CRUDManantiales.view.grid.BaseUsuarios',
    alias: 'widget.gridFullUsuarios',
    title: 'Usuarios',
    initComponent: function(){
        ...
        this.callParent(arguments);
    }

BaseUsuarios.js有一个带有 3 个按钮的工具栏，然后是 FullUsuarios.js。但我想在FullUsuarios.js工具栏中添加一些按钮。我该怎么办？任何想法 ？。谢谢 ！

Answer 1

我会做这样的事情：

Ext.require('*');

Ext.onReady(function() {

    Ext.define('MyBase', {
        extend: 'Ext.panel.Panel',

        initComponent: function() {
            this.tbar = this.getTbarItems();
            this.callParent();
        },

        getTbarItems: function() {
            return [{
                text: 'Base'
            }]
        }
    });

    Ext.define('MySub', {
        extend: 'MyBase',

        getTbarItems: function() {
            var items = this.callParent();
            items.push({
                text: 'Sub'
            });
            // Could also insert etc
            return items;
        }
    });

    new MySub({
        renderTo: document.body
    });
});