工具欄未顯示

Question

我有一個帶邊框佈局的視口。我使用北部，中部和南部的面板。 在北面板我想顯示一個工具欄。我的工具欄定義是：

Ext.define('AM.view.ui.Toolbar',{ 
    extend: 'Ext.toolbar.Toolbar', 
    alias: 'widget.wtToolbar', 

    initComponent: function(){ 
     this.items = [ 
      {text: 'Aplicación'}, 
      {text: 'Gestión'}, 
      {text: 'Automatización'} 
     ]; 
     this.callParent(arguments); 
    } 
}); 

和視口：

var tbar = Ext.create('AM.view.ui.Toolbar',{}); 
console.log(tbar); 
Ext.create('Ext.container.Viewport',{ 
    layout: 'border', 
    items:[ 
     {region: 'north', item: tbar}, 
     {region: 'center', html: 'Centro'}, 
     {region: 'south', html: 'Sur'} 
    ] 
}); 

在Firebug的工具欄的實例顯示。但是，沒有出現在北面。 有什麼想法？

Answer 1

沒有配置參數item，您需要使用items。您可以將其設置爲數組或單個對象。

但是，如果您的north區域僅用於工具欄，我會建議將其添加到center區域作爲dockedItem。看到文檔在這裏：http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.panel.AbstractPanel-cfg-dockedItems