<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>
posted on 2008-10-28 01:12
-274°C 閱讀(2960)
評論(0) 編輯 收藏 所屬分類:
web前端