`
phoebird
  • 浏览: 113786 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

窗口 分组

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

 

分享到：
| 窗口基本应用
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics