<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->
<%
@ 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 >
< 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 >