extjs api 中文|extjs 分组式选项卡实现代码

更新时间：2017-06-01 来源：js教程手机版 字体：大中小

【www.bbyears.com--js教程】

具体实现如下：

代码如下

[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
    });