在ExtJS 4的选项卡面板中，如何创建父选项卡包括2个子选项卡

Question

I have 2 parent tabs, each tab includes 2 child tab. pls see the picture for more detail:

How to create the group tab for the parent tab and when the author click the parent tab, the child tab will be shown. Thanks

Answer 1

Ext.widget('tabpanel', {
    width: 500,
    activeTab: 0,
    items: [{
        title: 'Parent Tab 1',
        items : [
            Ext.widget('tabpanel', {
                activeTab: 0,
                 items : [{
                    title: 'Child Tab 1',
                    bodyPadding: 10,
                    html : "My content of Child Tab 1 here"
                },{
                    title: 'Child Tab 2',
                    bodyPadding: 10,
                    html : "My content of Child Tab 2 here"
                }]
            })
        ]
    },{
        title: 'Parent Tab 2',
        bodyPadding: 10,
        html : "Parent Tab 2 content here without child tabs"
    }]
});

Here is a fiddle with an example of Parent tab containg child tabs :

http://jsfiddle.net/Q7f5q/200/

Hope it is what you looking for.