尝试在ExtJS的选项卡式窗格中添加选项卡式窗格

Question

This is my window which displays a tabbed pane. Inside one of the tabs I want another tabbed pane (with two tabs: tab3, and tab4). I thought this is how you would do it.

            Ext.create('Ext.window.Window', {
                title: 'Package Details for ' + record.data.name,
                height: 200,
                width: 400,
                layout: 'fit',
                items:{
                    xtype: 'tabpanel',
                    items: [{

                        title: 'tab1',
                        xtype: 'tabpanel',
                        items: [{
                            items: [{
                                title: 'tab3'
                            },{
                                title: 'tab4'
                            }]
                        }]
                    },{
                        title: 'tab2'
                    }]
                }
            }).show();

But that seems to be wrong because this is what I see :

Anyone know what i am doing wrong?

Answer 1

Don't nest items of tabpanel in tab1 in another items. That's called overnesting Evan mentions.