<html>
<head>
<title>Extjs应用tab页的最简单Demo</title>
<link rel="stylesheet" type="text/css" href="theme-gray-all.css" />
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
///panel开始，用于显示控制信息
var contentPanel = new Ext.TabPanel({
region:'center',
enableTabScroll:true,
activeTab:0,
items:[
{id:'homePage',
title:'首页',
autoScroll:true,
html:'<div style="position:absolute;color:#ff0000;top:40%;left:40%;">欢迎来到阿柒人事管理系统</div>'
}
,{id:'111',
title:'首页2',
autoScroll:true,
html:'<div style="position:absolute;color:#ff0000;top:40%;left:40%;">333333</div>'
}
]});
var viewport = new Ext.Viewport({
layout:'border',
items:[
{
region: 'center',
split: true,
border: true,
layout: 'border',
items: [contentPanel]
}]
});
});
</script>
</head>
<body>
</body>
</html>
标签：true,Demo,Ext,tab,border,Extjs From： https://www.cnblogs.com/tulater/p/17853099.html