擴展繼承的dockbar 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 
    }); 
});