Ext中实现两层tab

两层tab的问题已经搞定,当然是在同事和网友的帮助下才成功的:

 

tab.html:

html代码我粘贴不上去,请朋友们指点一下怎么粘贴图片和html代码

tab.js:

var tabPage = function(){
    var outTab = new Ext.TabPanel({
        renderTo: 'outTab',
        width:450,
        height:200,
        activeTab: 0,
        frame:true,
        defaults:{autoHeight: false},
        items:[
            {contentEl:'script', title: 'Short Text'},
            {contentEl:'markup', title: 'Long Text'}
        ]
    });

    var innerTab = new Ext.TabPanel({
        renderTo: 'innerTab',
        width:450,
        height:150,
        activeTab: 0,
        frame:true,
        defaults:{autoHeight: false},
        items:[
            {contentEl:'innerScript', title: 'Inner Text'},
            {contentEl:'innerMarkup', title: 'Inner Markup'}
        ]
    });

    var innerTab = new Ext.TabPanel({
        renderTo: 'innerTab2',
        width:450,
        height:150,
        activeTab: 0,
        frame:true,
        defaults:{autoHeight: false},
        items:[
            {contentEl:'innerScript2', title: 'Inner Text2'},
            {contentEl:'innerMarkup2', title: 'Inner Markup2'}
        ]
    });

}

Ext.onReady(tabPage);