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

以下是包含子标签的父标签示例的小提琴：

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

希望这是你想要的。