1

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

 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 的实例。但是，没有出现在北面板中。有任何想法吗 ？。

4

1 回答 1

2

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

但是，如果您的north区域仅用于工具栏，我建议将其center作为dockedItem. 请参阅此处的文档：http: //docs.sencha.com/extjs/4.2.1/#!/api/Ext.panel.AbstractPanel-cfg-dokedItems

于 2013-08-27T13:21:37.043 回答