Ext布局实例-----TabPanel布局

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>TabPanel.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">


<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css"/>
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>

<script type="text/javascript">
Ext.onReady(function(){
var tabPanel=new Ext.TabPanel({
height:150,
width:300,
activeTab:0,
animScroll:true,
enableTabScroll:true,
applyTo:'panel',
items:[
{title:'赵云',html:'赵云'},j
{title:'关羽',html:'关羽'},
{title:'张飞',html:'张飞'},
{title:'周瑜',html:'周瑜'},
{title:'曹仁',html:'曹仁'}
]

});
});
</script>

</head>

<body>
<div id="panel"></div>
</body>
</html>

你可能感兴趣的:(tabpanel)