如何向视窗添加工具栏

How to add a toolbar to a viewport?

本文关键字：添加 工具栏      更新时间：2023-09-26

我试图添加一个工具栏的viewport，但当试图完成这与下面的代码，它根本不出现(只有标签面板显示)。

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什么也没做。

我做错了什么?

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

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

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

相关文章：