ExtJS 3.2.0,隐藏tabpanel的标题

Question

PL告诉我如果我的tabpanel只有一个标签,我怎么能隐藏tabpanel的标题"..."？

我不能使用Ext.Panel becose我用相当复杂的方法在服务器上生成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文档。