//窗口是分組進行管理的，可以對一組窗口進行操作，默認情況下的窗口都在默認的組 Ext.WindowMgr中。
//窗口分組由類Ext.WindowGroup定義，
//該類包括bringToFront、getActive、 hideAll、sendToBack等方法用來對分組中的窗口進行操作
var i = 0, mygroup;
function newWin() {
var win = new Ext.Window({
title : "窗口" + i++,
width : 400,
height : 300,
maximizable : true,
manager : mygroup
});
win.show();
}
function toBack() {
mygroup.sendToBack(mygroup.getActive());
}
function hideAll() {
mygroup.hideAll();
}
Ext.onReady(function() {
mygroup = new Ext.WindowGroup();
Ext.get("btn").on('click', newWin);
Ext.get("btnToBack").on('click',toBack);
Ext.get("btnHide").on('click',hideAll);
})
<%@ page language="java" contentType="text/html; charset=gb2312"
pageEncoding="gb2312"%>
<%
request.setAttribute("base", request.getContextPath());
%>
<html>
<head>
<title>窗口布局</title>
<link rel="stylesheet" type="text/css"
href="${base}/script/ext/resources/css/ext-all.css">
<script type="text/javascript"
src="${base}/script/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="${base}/script/ext/ext-all.js"></script>
<script type="text/javascript" src="${base}/script/sample/third.js"></script>
</head>
<body>
<input type="button" id="btn" name="btn" value="新窗口"/>
<input type="button" id="btnHide" name="btn" value="隱藏所以"/>
<input type="button" id="btnToBack" name="btn" value="放到後臺"/>
</body>
</html>
