1. #1
    Sencha User
    Join Date
    Sep 2011
    Location
    Boston
    Posts
    145
    Vote Rating
    6
    Answers
    5
    drb is on a distinguished road

      0  

    Default Answered: Add / Remove Tab Pages to a Tab Panel on the fly?

    Answered: Add / Remove Tab Pages to a Tab Panel on the fly?


    How do I Add or Remove Tab Pages to a Tab Panel at run-time?
    I tried:
    Code:
                              
     var tp = bNimble.tabpanel;
    var ct = tp.items.items.length;
    var tpg = tp.add({
        title: 'Contact ' + ct,
        iconCls: 'user ' + ct,
        html: 'Contact Screen ' + ct
    });
    The items count went up, but the new tab page icon does not show up on the tab bar.
    Adding tpg.show(); did not help.
    Thanks
    David

  2. This shows the new tab:

    Code:
    var tabpanel = new Ext.tab.Panel({
        fullscreen : true,
        items      : [
            {
                title : 'One',
                html  : 'one'
            },
            {
                title : 'Two',
                html  : 'two'
            }
        ]
    });
    
    tabpanel.add({
        title : 'Three',
        html  : 'three'
    });

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,544
    Vote Rating
    873
    Answers
    3566
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    This shows the new tab:

    Code:
    var tabpanel = new Ext.tab.Panel({
        fullscreen : true,
        items      : [
            {
                title : 'One',
                html  : 'one'
            },
            {
                title : 'Two',
                html  : 'two'
            }
        ]
    });
    
    tabpanel.add({
        title : 'Three',
        html  : 'three'
    });
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #3
    Sencha User
    Join Date
    Sep 2011
    Location
    Boston
    Posts
    145
    Vote Rating
    6
    Answers
    5
    drb is on a distinguished road

      0  

    Default


    You are right. I must have had some other error in my code.
    Thanks
    David

Thread Participants: 1

Tags for this Thread