ExtJS 3.2.0，隐藏tabpanel的标题

Question

PLs告诉我如果我的tabpanel只有一个标签，我怎么能隐藏tabpanel标题“...”？

我不能使用Ext.Panel，因为我使用相当复杂的方法在服务器上生成extjs代码，并且有大量的设计错误不允许我为这种情况生成通常的Ext.Panel。

tnx all，解决方案： 我添加到css规则

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

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

在服务器端（delphi，类似于ExtPascal）

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

所以，它对我有用（chrome，firefox）。

我添加了两个规则，因为我在Windows中有窗口，所以如果子窗口有很多选项卡 - 它将被父窗口的css规则隐藏。所以我有2个规则，它有效。

Answer 1

在版本4.1中，您可以在面板/窗口的BeforeShow事件中执行以下操作，其中选项卡控件位于：

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

Answer 2

隐藏标题的唯一方法是操纵CSS。默认情况下，x-tab-panel-header应用于面板的标题部分。以下CSS

.hideHeader {

    display:none;
}

如果添加到div将隐藏标题。要应用css，您需要使用headerCfg属性。有关操作面板默认CSS的详细信息和示例，请参阅bodyCfg文档。

Answer 3

你不能原生那样。

在这种情况下，容器元素已经为选项卡等留出空间。您唯一可以做的就是添加一个自定义CSS类，并以这种方式完全隐藏选项卡。

Answer 4

您可以在ExtJS 3.x中尝试以下隐藏标签及其标题：

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

oTab是您的标签组件来自oTab = oTabPanel.getComponent(x);