Page 2 of 2 FirstFirst 12
Results 11 to 16 of 16

Thread: Hide Tab Panels

  1. #11
    Ext JS Premium Member
    Join Date
    Mar 2010
    Location
    Cologne
    Posts
    26
    Vote Rating
    0
      0  

    Default

    sorry for the post. I finally got it working. I had a scope problem not represented in the sample that i posted. I suppose the code above should be working.

  2. #12
    Sencha User
    Join Date
    Oct 2010
    Location
    India, Bombay
    Posts
    9
    Vote Rating
    0
      0  

    Default

    Hi, the above gives me null, i need to hide the tab along with its header, and all its config elements, based on my condition. which i check in beforerender handler.
    var tabs = new Ext.TabPanel({
    id:'form.run.tabs',
    width:parent.width,
    height:300,
    autoDestroy: true,
    border:false,
    activeTab:0,
    items:[{
    id:'tab.inputTab.id',
    title:'Inputs',
    xtype:'panel',
    layout: {
    type: 'vbox'
    },
    id:'inputTab',
    items:[form, inputGrid]
    },{
    title:'Outputs',
    xtype:'panel',
    layout:'fit',
    id:'outputTab',
    items:[outputGrid]
    }]

    my panel is rendered inside a window, added as its items: [runDetails,tabs],
    Plz help !!!

  3. #13
    Ext User
    Join Date
    Dec 2007
    Posts
    3
    Vote Rating
    0
      0  

    Default

    Ext.getCmp('tabID').setTitle('')

    worked for me

  4. #14
    Ext JS Premium Member
    Join Date
    Mar 2010
    Location
    Cologne
    Posts
    26
    Vote Rating
    0
      0  

    Default

    Hi saddanand,

    considering this to be your code with tiny changes:
    Code:
    var tabs = new Ext.TabPanel({
            id:'parentPanel',
            width:parent.width,
            height:300,
            autoDestroy: true,
            border:false,
            activeTab:0,
            items:[{
                 id:'childPanel',
                title:'Inputs',
                xtype:'panel',
                layout: {
                    type: 'vbox'
                },
                items:[form, inputGrid]
            },{
                title:'Outputs',
                xtype:'panel',
                layout:'fit',
                id:'outputTab',
                items:[outputGrid]
            }]
    );
    I believe you're looking for something like:
    Code:
    var parentPanel = Ext.getCmp('form.run.tabs');
    var childPanel = Ext.getCmp('inputTab');
    parentPanel.hideTabStripItem(childPanel);
    I'm not 100% sure wheather it's possible to hide/unhide TabStripItems before the TabPanel is rendered. You should check on that and maybe you'll attach the hide event to the "afterrender" event of the TabPanel. Another possibility would be to make childPanel instances on their own and add them to the TabPanel when they're supposed to show up.

  5. #15
    Ext GWT Premium Member
    Join Date
    Oct 2009
    Posts
    139
    Vote Rating
    5
      0  

    Default

    hmm. And what is the solution in extjs4?

    thx

  6. #16
    Ext GWT Premium Member
    Join Date
    Oct 2009
    Posts
    139
    Vote Rating
    5
      0  

    Default

    from www.szabogabor.net:

    tabpanel.getComponent(0).tab.hide();

Page 2 of 2 FirstFirst 12

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •