相关文件下载
链接：https://pan.baidu.com/s/1RICF5Yiw4za2agEYazpeKQ
提取码：ha2a
UniPageControl1
<html>
<head>
<title>Extjs应用tab页的最简单Demo</title>
<link rel="stylesheet" type="text/css" href="theme-gray-all.css" />
<link rel="stylesheet" type="text/css" href="aa.css" /> //自定义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>