隐藏 ExtJS 面板标题

Question

我在viewport的中央区域里有一个ExtJS面板。我想隐藏该面板的标题。该如何做呢？我的面板是使用xtype config进行声明的。

- Soham Dasgupta

---

我想知道为什么，如果你不想显示标题，你为什么要先设置它... - VoidMain

Answer 1

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

header : 布尔型

true表示显式创建面板的标题元素，false则不创建。如果设置了标题，标题将自动创建，否则将不创建。如果设置了标题但是header被明确设置为false，则标题将不会被渲染。

和

headerAsText : 布尔型

true表示在头部显示面板标题，false表示隐藏它（默认为true）。

- Tommi

---

使用ExtJS 4.x时，"header:Boolean"现在被改成了"preventHeader:Boolean"。http://docs.sencha.com/ext-js/4-0/#!/api/Ext.panel.Panel-cfg-preventHeader - clint

为了方便Sencha Architect 2用户，'header'属性是Panel小部件标准属性列表中唯一可用的属性。它在4.x版本中仍然有效，但您可以使用Architect中的“add”按钮将preventHeader作为“自定义”属性输入。这也有效，并且更具未来性。 - Glenn Lawrence

自4.1.0版本起，“preventHeader”已被弃用。请改用“#header”。 - Vadzim

Answer 2

使用preventHeader属性。我已经检查过它，可以正常工作。

以下是示例：

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

    });

- Gregory Nozik

Answer 3

你可以直接使用配置

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

"header:false 配置文档"

- user3937422