Question

我正在尝试将一个工具栏添加到视口中，但是当尝试使用下面的代码完成此操作时，它根本不显示（仅显示选项卡面板）。

Ext.define(CONFIG.APP_NS+'.view.Viewport', {
    extend: 'Ext.container.Viewport',
    layout: {
        type: 'border'
    },
    this.dockedItems = [
        {
            xtype: 'maintoolbar'
        }
    ],
    this.items = [
        {
            region: 'center',
            xtype: 'maintabpanel'
        }
    ];
});

// MainToolbar
Ext.define(CONFIG.APP_NS+'.view.MainToolbar', {
    extend: 'Ext.toolbar.Toolbar',
    alias: 'widget.maintoolbar',

    initComponent: function () {
        this.items = [
            // <...>
        ]
    }
});

我知道我可以将它添加到北区，但是它会显示边框，而border: false什么都不做。

我做错了什么？

Answer 1

Ext.container.ViewPort没有名为dockedItems的属性，只有Ext.panel.Panel有此属性。这就是为什么你的工具栏没有显示，它被完全忽略，因为视口不知道如何处理dockedItems。

我会像你建议的那样把工具栏放在北方地区。

border: false配置目前在工具栏中不起作用，这是一个已知的错误。可能值得在Sencha论坛上发布帮助文章，您将从ExtJS团队获得一些帮助。

如何将工具栏添加到视口？

1 个答案: