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

工具栏未显示

1 个答案: