具体实现如下:
代码如下[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
});
效果:
http://m.bbyears.com/wangyezhizuo/33054.html
推荐访问:extjs6 extjs入门 extjs下载 extjs教程 extjs4