[html]
   

分组式选项卡

[Js]
    //分组式选项卡
    var tabs7 = Ext.create('Ext.ux.GroupTabPanel', {
        activeGroup: 0,             //设置当前活动的分组
        items: [{
            expanded: false,
            mainItem: 1,            //设置主要的item，这个tab会在最上面，以文件夹方式展示出来。
            items: [{
                title: '项目1',
                html: "第一组第一项正文。"
            }, {
                title: '项目2',
                border: false,
                html: "第一组第二项正文。"
            }, {
                title: '项目3',
                border: false,
                html: "第一组第三项正文。"
            }]
        }, {
            expanded: true,
            items: [{
                title: '项目1',
                html: "第二组第一项正文。"
            }, {
                title: '项目2',
                html: "第二组第二项正文。"
            }]
        }]
    });
    Ext.create('Ext.Panel', {
        renderTo: "content7",
        width: 600,
        height: 250,
        collapsible: true,
        layout: 'fit',
        title: '分组tab演示',
        items: tabs7
    });