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

时间:2017-06-01  来源: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
    });


效果:

 

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

http://m.bbyears.com/wangyezhizuo/33054.html

推荐访问:extjs6 extjs入门 extjs下载 extjs教程 extjs4
相关阅读 猜你喜欢
本类排行 本类最新