每单击一个按钮 就可以创建一个 "窗口"
------------------------------index.htm 代码 ------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>系统界面演示</title>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<!-- ENDLIBS -->
<script type="text/javascript" src="ext-all.js"></script>
<!-- Tabs Example Files -->
<link rel="stylesheet" type="text/css" href="tabs-example.css" />
</head>
<body style="background-image:url(d.jpg)">
<script type="text/javascript">
Ext.onReady(function(){
// basic tabs 1, built from existing content
var tabs = new Ext.TabPanel({
renderTo: 'tabs1',
width:600,
activeTab: 0,
frame:true,
defaults:{autoHeight: true},
items:[
{contentEl:'admin', title: '系统'},
{contentEl:'markup1', title: '采购管理'},
{contentEl:'markup2', title: '销售管理'},
{contentEl:'markup3', title: '出纳收款'},
{contentEl:'markup4', title: '仓库管理'},
{contentEl:'markup5', title: '系统设置'}
]
});
var tb_admin = new Ext.Toolbar('toolbar');
tb_admin.add("欢迎您:admin 当前仓库：新库 当前权限：超级管理员 ",{
text:'退出系统',
handler:function(){
Ext.MessageBox.alert('系统提示', ' 谢 谢 您 的 使 用 ', cmdClose);}
});
var tb1 = new Ext.Toolbar('toolbar1');
tb1.add({
text:'订单管理',
handler:function(){aaa('订单管理');}
},{
text:'控制单管理',
handler:function(){aaa('控制单管理');}
},{
text:'两证管理',
handler:function(){aaa('两证管理');}
});
var tb2 = new Ext.Toolbar('toolbar2');
tb2.add({
text:'发票管理',
handler:function(){aaa('发票管理');}
},{
text:'销售开单',
handler:function(){aaa('销售开单');}
},{
text:'调度部门',
handler:function(){aaa('调度部门');}
},{
text:'调库管理',
handler:function(){aaa('调库管理');}
},{
text:'运输发票',
handler:function(){aaa('运输发票');}
});
var tb3 = new Ext.Toolbar('toolbar3');
tb3.add({
text:'出纳(销售)',
handler:function(){aaa('出纳（销售）');}
},{
text:'出纳(运输)',
handler:function(){aaa('出纳（运输）');}
});
var tb4 = new Ext.Toolbar('toolbar4');
tb4.add({
text:'采购入库',
handler:function(){aaa('采购入库');}
},{
text:'采购验收',
handler:function(){aaa('采购验收');}
},{
text:'采购入帐',
handler:function(){aaa('采购入帐');}
});
var tb5 = new Ext.Toolbar('toolbar5');
tb5.add({
text:'用户设置',
handler:function(){aaa('用户设置');}
},{
text:'公司设置',
handler:function(){aaa('公司设置');}
},{
text:'系统设置',
handler:function(){aaa('系统设置');}
});
});
function cmdClose(){
window.opener=null;
window.close();
};
</script>
<div id="tabs1">
<div id="admin" class="x-hide-display">
<p>
<div id="toolbar"></div></p>
</div>
<div id="markup1" class="x-hide-display">
<p><div id="toolbar1"></div></p>
</div>
<div id="markup2" class="x-hide-display">
<p><div id="toolbar2"></div></p>
</div>
<div id="markup3" class="x-hide-display">
<p><div id="toolbar3"></div></p>
</div>
<div id="markup4" class="x-hide-display">
<p><div id="toolbar4"></div></p>
</div>
<div id="markup5" class="x-hide-display">
<p><div id="toolbar5"></div></p>
</div>
<div id="markup6" class="x-hide-display">
<p><div id="toolbar6"></div></p>
</div>
</div>
<div id="hello-win" class="x-hidden">
<div class="x-window-header">Hello Dialog</div>
<div id="hello-tabs">
<div class="x-tab" title="已办理">
<p><iframe src="" width="100%" height="100%"></iframe></p>
</div>
<div class="x-tab" title="未办理">
<p><iframe src="" width="100%" height="100%"></iframe></p>
</div>
</div>
</div>
<div id="allt"></div>
<script language="javascript">
var i=0;
var wint=new Array();
function aaa (tit) {
document.getElementById("allt").innerHTML+='<div id="hello-win'+i+'" class="x-hidden"> <div class="x-window-header">'+tit+'</div> <div id="hello-tabs'+i+'"> <div class="x-tab" title="已办理"> <p><iframe src="grid.html" width="100%" height="100%"></iframe></p> </div> <div class="x-tab" title="未办理"> <p><iframe src="" width="100%" height="100%"></iframe></p> </div> </div></div>';
wint[i] = new Ext.Window({
el:'hello-win'+i,
layout:'fit',
width:650,
height:400,
closeAction:'hide',
plain: true,
items: new Ext.TabPanel({
el: 'hello-tabs'+i,
autoTabs:true,
activeTab:0,
deferredRender:false,
border:false
})
});
wint[i].show();i++;
}</script>
</body>
</html>
