隐藏ExtJS面板标题

Question

我在视口中心区域内有一个ExtJS面板。 我想隐藏面板的标题。 我该怎么做？ 我正在使用xtype config来声明面板。

Answer 1

使用面板的header或headerAsText配置选项隐藏其标题。 来自ExtJS API文档 ：

header：Boolean

如果显式创建Panel的标题元素为true，则为false以跳过创建它。 如果设置了标题，则会自动创建标题，否则不会。 如果设置了标题但标题显式设置为false，则不会呈现标题。

和

headerAsText：Boolean

如果为true，则在标题中显示面板标题，为false以隐藏它（默认为true）。

Answer 2

使用preventHeader属性。 我检查了它，它的工作原理

见下面的例子

Ext.widget('panel', {
        title: 'Panel header will not be shown',
        preventHeader: true,
        width: 300

    });

Answer 3

你可以使用配置

Ext.panel.Panel({
    // title: 'Test',   to neglet this
    header:false,
    tools: [{
        type: 'refresh'
    }, {
        type: 'help'
    }],
});

“header：false config documentation”