1. #1
    Sencha User
    Join Date
    Aug 2011
    Posts
    17
    Vote Rating
    0
    beetree is on a distinguished road

      0  

    Default Bug? TabPanel inside multiple Panels

    Bug? TabPanel inside multiple Panels


    Hi,

    I think that this might be a bug but not sure. I have reduced the code into the following:

    Code:
    var mySubView = new Ext.TabPanel({
        layout: 'card',
        items: [{
            title: "myTitle",
            html: "Hello World"
        }]
    });
    
    var myView = new Ext.Panel({
        items: [
            mySubView
        ]
    });
    
    Ext.setup({
        onReady: function() {        
                rootPanel = new Ext.Panel({
                    fullscreen: true,
                    layout: 'card',
                    items: [myView],
                });
        }
    });
    This does not display the text "Hello World" but it displays the tab "myTitle".

    But, if I switch out myView to directly displaying mySubView, e.g. the following code:

    Code:
    var mySubView = new Ext.TabPanel({
        layout: 'card',
        items: [{
            title: "myTitle",
            html: "Hello World"
        }]
    });
    
    var myView = new Ext.Panel({
        items: [
            mySubView
        ]
    });
    
    Ext.setup({
        onReady: function() {        
                rootPanel = new Ext.Panel({
                    fullscreen: true,
                    layout: 'card',
                    items: [mySubView],
                });
        }
    });
    Then "Hello World" is displayed.

    Why is this? My take is that TabPanel's doesn't work inside multiple Panels? Not sure though... Highly possible that I have misunderstood something.

    //bee

  2. #2
    Sencha User
    Join Date
    Aug 2011
    Posts
    17
    Vote Rating
    0
    beetree is on a distinguished road

      0  

    Default


    I knew it. I'm fail. Putting fullscreen: true on the TabPanel solves the problem.