窗口分组

最新推荐文章于 2024-04-13 22:19:13 发布

原创最新推荐文章于 2024-04-13 22:19:13 发布 · 227 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT #JavaScript #CSS #HTML #ViewUI

extjs 专栏收录该内容

18 篇文章

订阅专栏

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

窗口 分组

窗口分组