//**************页面主体开始*****************
var tabpanel = Ext.createWidget('tabpanel'
, {
activeTab: 0,
//指定默认的活动tab
height: '100%'
,
width: '100%'
,
minTabWidth: 115
,
tabWidth: 135
,
plain: true,
//True表示tab候选栏上没有背景图片（默认为false）
enableTabScroll:
true,
//选项卡过多时，允许滚动
defaults: { autoScroll:
true },
items: [{
id: "tab1"
,
title: '资讯'
,
icon: '/Resources/Images/16x16_Classic/3_16.png'
,
layout: 'fit',
//填充页面
items: gridModuleMapping,
closable: false //这个tab可以被关闭
}, {
id: "tab2"
,
title: '交流'
,
icon: '/Resources/Images/16x16_Classic/4_16.png'
,
html: "此功能暂时没开通"
,
layout: 'fit'
,
closable: false //这个tab可以被关闭
}, {
id: "tab3"
,
title: '图集'
,
icon: '/Resources/Images/16x16_Classic/5_16.png'
,
html: "此功能暂时没开通"
,
layout: 'fit'
,
closable: false //这个tab可以被关闭
}, {
id: "tab4"
,
title: '商品'
,
icon: '/Resources/Images/16x16_Classic/6_16.png'
,
html: "此功能暂时没开通"
,
layout: 'fit'
,
closable: false //这个tab可以被关闭
}]
});
//**************页面主体结束*****************
var panel =
new Ext.Viewport({
border: false,
layout: 'border'
,
items: [
{
region: 'center'
,
border: false,
layout: 'fit'
,
items: tabpanel
}]
});
转载于:https://www.cnblogs.com/foreverfendou/p/4355305.html
相关资源：Extjs4.2 根据不同的数值设置tabpanel行的背景颜色
