ExtJS 3.2.0, скрыть заголовок вкладки - PullRequest
Новая
       5

ExtJS 3.2.0, скрыть заголовок вкладки

5 голосов
/ 21 апреля 2011

PL скажите мне, как я могу скрыть заголовок вкладки "...", если у моей вкладки есть только одна вкладка?

Я не могу использовать Ext.Panel, потому что я использую довольно сложные методы для создания кода extjs на сервере, и существует большое количество ошибок проектирования, которые не позволяют мне генерировать обычную Ext.Panel для этого случая.

enter image description here

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 ]

6 голосов
/ 27 июля 2012

В версии 4.1 вы можете сделать следующее в событии BeforeShow панели / окна с элементом управления вкладкой в: 

Ext.getCmp('tbMyTabPanel').getTabBar().setVisible(false);
2 голосов
/ 21 апреля 2011

Единственный способ скрыть заголовок - манипулировать CSS.По умолчанию заголовок x-tab-panel-header применяется к заголовочной части панели.Следующий CSS 

.hideHeader {

    display:none;
}

при добавлении в div будет скрывать заголовок.Чтобы применить CSS, вам нужно использовать свойство headerCfg.Обратитесь к документации bodyCfg для получения подробной информации и примера манипулирования CSS панели по умолчанию.

1 голос
/ 21 апреля 2011

Вы не можете сделать это изначально.

Элемент контейнера в этом случае уже оставляет место для вкладки и т. Д. Единственное, что вы можете сделать, это добавить собственный класс CSS и полностью скрыть вкладку таким образом.

0 голосов
/ 01 августа 2014

Вы можете попробовать следующее, чтобы скрыть вкладку и ее заголовок в ExtJS 3.x: 

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

, где oTab - компонент вашей вкладки, получаемый с oTab = oTabPanel.getComponent(x);

...