javascript - 隐藏 ExtJS 面板标题

Question

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

Answer 1

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

标头：布尔值

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

和

headerAsText : 布尔值

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'
    }],
});

“标题：错误配置文档”