Как скрыть вкладку в ExtJS 4

Question

Как скрыть вкладку в ExtJS 4?Ext.getCmp ("mytab"). Hide () не работает Может ли кто-нибудь мне помочь?

Answer 1

Прочитайте документацию здесь: http://docs.sencha.com/ext-js/4-0/#!/api/Ext.tab.Panel

Они дают конкретный пример того, как скрыть вкладки

Извлечено из ссылки:

    var tabs = Ext.create('Ext.tab.Panel', {
    width: 400,
    height: 400,
    renderTo: document.body,
    items: [{
            title: 'Home',
            html: 'Home',
            itemId: 'home'
        }, {
            title: 'Users',
            html: 'Users',
            itemId: 'users',
            hidden: true
        }, {
            title: 'Tickets',
            html: 'Tickets',
            itemId: 'tickets'
        }]
 });
 setTimeout(function () {
    tabs.child('#home')
        .tab.hide();
    var users = tabs.child('#users');
    users.tab.show();
    tabs.setActiveTab(users);
 }, 1000);

Answer 2

Если ваша панель вкладок имеет идентификатор, а компоненты имеют идентификатор или идентификатор элемента, вы можете сделать следующее: Ext.getCmp ('TAB_PANEL_ID'). GetComponent ('ITEM_ID'). Tab.hide ()

Например,

var tabPanel = Ext.create("Ext.tab.Panel", {
               id: 'TAB_PANEL_ID',
               renderTo: Ext.getBody(),
               items:[{
                   title: 'Tab 1',
                   itemId: 'TAB_1',
                   html: 'This is the first tab'
               },{
                   title: 'Tab 2',
                   itemId: 'TAB_2',
                   html: 'This is the second tab'                                     
              },{
                   title: 'Tab 3',
                   itemId: 'TAB_3',
                   html: 'This is the third tab'                          
             }]                  
});

// You may want to add following in function body or inside event handler.
// Hide the second tab:     
Ext.getCmp('TAB_PANEL_ID').getComponent('TAB_2').tab.hide();

// Show the second tab:  
Ext.getCmp('TAB_PANEL_ID').getComponent('TAB_2').tab.show();

Answer 3

Это мой пример для отключения / включения содержимого вкладки.

В этом примере у нас есть кнопка с именем «Desabilitar», нажмите его, и первый дочерний элемент вкладки будет отключен.Содержимое вкладки активируется через 9 секунд.

https://fiddle.sencha.com/fiddle/21h/preview