Cách ẩn tab trong ExtJS 4

Question

Cách ẩn tab trong ExtJS 4? Ext.getCmp ("mytab"). Hide() không hoạt động Bất kỳ ai có thể giúp tôi không?

Answer 1

Đọc tài liệu ở đây: http://docs.sencha.com/ext-js/4-0/#!/api/Ext.tab.Panel

Họ cung cấp cho một ví dụ cụ thể về cách để che giấu các tab

Trích từ link:

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

Đây là ví dụ của tôi để tắt/bật nội dung của tab .

Trong ví dụ này, chúng tôi có nút có tên "Desabilitar", nhấp vào anh ta và con đầu tiên của tab sẽ bị tắt. Nội dung tab sẽ được kích hoạt sau 9 giây.

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

Answer 3

Nếu bảng điều khiển tab của bạn có ID, và các thành phần có ID hoặc ID mặt hàng, bạn có thể làm như sau:.. Ext.getCmp ('TAB_PANEL_ID') getComponent ('ITEM_ID') tab.hide()

Ví dụ,

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();