隐藏ExtJS面板标题

Question

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

Answer 1

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

  

header：Boolean

     

如果创建Panel的标题，则为true   element显式，false跳过   创造它。如果设置了标题   标题将自动创建，   否则它不会。如果标题是   set但标头明确设置为   false，标题不会   呈现。

和

  

headerAsText：Boolean

     

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

Answer 2

使用preventHeader属性。我检查了它并且它已经工作了

见下面的例子

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

    });

Answer 3

您可以只使用config

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

"header:false config documentation"