5

PLs告诉我如果我的标签面板只有一个标签，我如何隐藏标签面板“...”的标题？

我不能使用 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）。

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

4

4 回答 4

6

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

Ext.getCmp('tbMyTabPanel').getTabBar().setVisible(false);
于 2012-07-27T14:16:18.513 回答
2

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

.hideHeader {

    display:none;
}

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

于 2011-04-21T12:55:29.680 回答
1

你不能在本地做到这一点。

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

于 2011-04-21T12:38:04.863 回答
0

您可以尝试以下方法在 ExtJS 3.x中隐藏选项卡及其标题：

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

您的选项卡组件从哪里oTab获得oTab = oTabPanel.getComponent(x)；

于 2014-08-01T00:59:51.900 回答