EXTJS 4.2 资料 控件之tabpanel 静态生成tabpanel
//**************页面主体开始***************** 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 }] });
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。