extjs - 継承されたドックバー extjs を拡張する

Question

2 つのグリッド クラスを作成しました。

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