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

यह निष्क्रिय करने के लिए मेरे उदाहरण है/टैब की सामग्री सक्षम ।

इस उदाहरण में, हमारे पास "Desabilitar" नाम का एक बटन है, उसे क्लिक करें और टैब का पहला बच्चा अक्षम हो जाएगा। टैब सामग्री 9 सेकंड में सक्षम होगी।

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

Answer 3

अपने टैब पैनल आईडी होते हैं और घटकों आईडी या आइटम आईडी है, तो आप निम्न कर सकते हैं:।। 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();