工具栏未显示

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