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

Question

我有 2 个父标签，每个标签包含 2 个子标签。请查看图片了解更多详情：

如何为父标签创建组标签，当作者点击父标签时，将显示子标签。谢谢

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"
    }]
});

这是一个 fiddle，其中包含包含子选项卡的父选项卡示例：

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

希望这就是您要找的。