工具栏未显示答案

【问题标题】：Toolbar not shown工具栏未显示
【发布时间】：2013-08-27 13:18:04
【问题描述】：

我有一个带有边框布局的视口。我使用北面板、中面板和南面板。在北面板中，我想显示一个工具栏。我的工具栏定义是：

 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 中显示了 Toolbar 的实例。但是，没有出现在北面板中。有什么想法吗？。

【问题讨论】：

标签： extjs toolbar viewport

【解决方案1】：

没有配置参数item，你需要使用items。您可以将其设置为数组或单个对象。

但是，如果您的north 区域仅用于工具栏，我建议将其作为dockedItem 添加到center 区域。在此处查看文档：http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.panel.AbstractPanel-cfg-dockedItems

【讨论】：