在ExtJS 4的選項卡面板中，如何創建父選項卡包括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/

希望它是您想要的。