2011-04-21 88 views
5

PLs告訴我如何我可以隱藏tabpanel的標題「...」如果我的tabpanel只有一個標籤?ExtJS 3.2.0,隱藏tabpanel的標題

我不能使用Ext.Panel因爲我使用相當複雜的方法在服務器上生成extjs代碼,並且有大量的設計錯誤不允許我爲這種情況生成通常的Ext.Panel 。

enter image description here

TNX所有,解決方法: 我添加到CSS規則

.strip-hidden .x-tab-strip-wrap 
{ 
    display: none; 
} 

.strip-show .x-tab-strip-wrap 
{ 
    display: block; 
} 

和服務器端(德爾福,像ExtPascal)

if (frmContainer.Tab.Items.Count = 1) then 
    frmContainer.Tab.Cls := 'strip-hidden' 
    else 
    frmContainer.Tab.Cls := 'strip-show'; 

所以,它的工作我(鉻,火狐)。

我添加了2個規則,因爲我在windows中有窗口,所以如果子窗口有很多標籤 - 它會被父窗口的css規則隱藏。所以我有2個規則,它的工作原理。

回答

2

隱藏標題的唯一方法是操作CSS。默認情況下,x-tab-panel-header應用於面板的標題部分。以下CSS

.hideHeader { 

    display:none; 
} 

如果添加到div會隱藏標題。要應用css,您需要使用headerCfg屬性。有關操作面板的默認CSS的詳細信息和示例,請參閱bodyCfg文檔。

1

你不能那樣做。

在這種情況下,容器元素已經爲選項卡等留出空間。您可能做的唯一一件事就是添加一個自定義CSS類,並以這種方式完全隱藏選項卡。

6

4.1版中,你可以做在面板/窗口,在該選項卡控制BeforeShow事件如下:

Ext.getCmp('tbMyTabPanel').getTabBar().setVisible(false); 
0

你可以嘗試以下操作來隱藏選項卡及其在ExtJS的頭 3.X:

oTab.hide(); 
oTab.tabEl.hidden = true; 

其中oTab是你的標籤組件從oTab = oTabPanel.getComponent(x)獲得;