<%@ page contentType="text/html;charset=UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Ext.Window</title>
<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">
function myWindow()
{
var tabPanel=new Ext.TabPanel(
{
width:300,
height:200,
items:[
{
contentEl:"tabOne",//標簽頁的頁面元素id(加入你想顯示的話)
title:"HuyVanpull's Panel",
activeTab:1, //當前激活標簽
height:30,
closable:true
},
{
contentEl:"tabTwo",//標簽頁的頁面元素id(加入你想顯示的話)
title:"Hui Wanpeng's Panel",
height:30,
closable:true
}
]
});
//window組件，它繼承自pane.
var win=new Ext.Window(
{
contentEl:"container",
width:300,
height:200,
items:tabPanel,
plain:true,//true則主體背景透明，false則主體有小差別的背景色，默認為false
title:"My Window",
buttons:[{text:"OK"},{text:"CANCEL",handler:function(){win.close();}}],
buttonAlign:"center",
collapsible:true
});
win.show();
}
Ext.onReady(myWindow);
</script>
</head>
<body>
<div id="container"></div>
<div id="tabOne" class="x-hide-display">
i am Huyvanpull!
</div>
<div id="tabTwo" class="x-hide-display">
i am Hui Wanpeng!
</div>
</body>
</html>