<%@ page contentType="text/html;charset=UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>onReady</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 myPanel()
{
var panel = new Ext.Panel(
{
id: 'myPanel_1', //通過id可以找到這個(gè)組件
title: 'My Panel', //標(biāo)題
collapsible: true, //右上角上的那個(gè)收縮按鈕，設(shè)為false則不顯示
renderTo: 'hello', //這個(gè)panel顯示在html中id為container的層中
draggable:true, //是否可以拖動
titleCollapse: true, //是否點(diǎn)擊標(biāo)題欄的任何地方都能收縮
autoScroll:true, //設(shè)為true則內(nèi)容溢出的時(shí)候產(chǎn)生滾動條，默認(rèn)為false
width:400,
height:200,
html: "<p>我是內(nèi)容，我包含的html可以被執(zhí)行！</p>"//panel主體中的內(nèi)容，可以執(zhí)行html代碼
});
}
//實(shí)現(xiàn)的延遲加載
function myTabPanel_A()
{
var panel=new Ext.TabPanel(
{width:300,height:200,items:[
{
contentEl:"tabOne",//標(biāo)簽頁的頁面元素id(加入你想顯示的話)
title:"HuyVanpull's Panel",
activeTab:1, //當(dāng)前激活標(biāo)簽
height:30,
closable:true
},
{
contentEl:"tabTwo",//標(biāo)簽頁的頁面元素id(加入你想顯示的話)
title:"Hui Wanpeng's Panel",
height:30,
closable:true
}
]});
panel.render("container");
}
function myTabPanel_B()
{
var panel=new Ext.TabPanel(
{width:300,height:200,items:[
{
contentEl:"tabOne",//標(biāo)簽頁的頁面元素id(加入你想顯示的話)
title:"HuyVanpull's Panel",
activeTab:1, //當(dāng)前激活標(biāo)簽
height:30,
closable:true
},
{
contentEl:"tabTwo",//標(biāo)簽頁的頁面元素id(加入你想顯示的話)
title:"Hui Wanpeng's Panel",
height:30,
closable:true
}
]});
panel.render("container");
}
Ext.onReady(myTabPanel_A);
</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>