2010-06-09 194 views
13

我在一個視口中心區域內有一個ExtJS面板。我想隱藏面板的標題。我該怎麼做?我使用xtype config來聲明面板。隱藏ExtJS面板標題

+1

我不知道爲什麼,如果你不希望顯示標題,你把它擺在首位... – VoidMain 2011-11-24 18:39:48

回答

21

使用面板的headerheaderAsText配置選項隱藏其標題。從ExtJS API documentation

標題:布爾

真正明確創建小組的頭 元素,虛假跳過 創建它。如果標題設置爲 標題將自動創建, 否則它不會。如果標題是 設置但標題明確設置爲 false,則標題將不會被 呈現。

headerAsText:布爾

忠實於在標題顯示 面板標題,假 將其隱藏(默認爲true)。

+4

隨着ExtJS的4.x版,header:Boolean現在是preventHeader:Boolean。 http://docs.sencha.com/ext-js/4-0/#!/api/Ext.panel.Panel-cfg-preventHeader – 2012-10-25 13:21:47

+0

爲了Sencha Architect 2用戶的利益,'header'屬性是唯一的在面板小部件的標準屬性列表中可用。它仍然在4.x中工作,但是您可以使用Architect中的屬性「添加」按鈕來輸入preventHeader作爲「自定義」屬性。這也是有效的,並且將會更有前途。 – 2014-05-30 22:32:04

+0

自4.1.0版開始,不建議使用'preventHeader'。 「改用#header。」 – Vadzim 2017-02-10 19:22:29

3

使用preventHeader屬性。我檢查了它和它的工作

參見下面的例子

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

    });