//窗口是分组进行管理的,可以对一组窗口进行操作,默认情况下的窗口都在默认的组 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>