冷雨在线
EasyJWEB,JavaScript,Spring,JPA,MySql
半路出家,现在混JAVA.
我的首页
文章
相册
圈子
留言
管理
 
    当前所在页面:首页>>文章>>《ExtJS2.0实用简明教程》之窗口分组
《ExtJS2.0实用简明教程》之窗口分组
    作者:小雨 来源: 发表时间:2008-02-17

 
 

《ExtJS实用开发指南》印刷版3月10号推出,赶快去看看吧。 

  窗口是分组进行管理的,可以对一组窗口进行操作,默认情况下的窗口都在默认的组 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.oReay(function(){
mygroup=new Ext.WindowGroup();
Ext.get("btn").on("click",newWin);
Ext.get("btnToBack").on("click",toBack);
Ext.get("btnHide").on("click",hideAll);
});

  页面中的html代码

<input id="btn" type="button" name="add" value="新窗口" />
<input id="btnToBack" type="button" name="add" value="放到后台" />
<input id="btnHide" type="button" name="add" value="隐藏所有" />

  执行上面的代码,先点击几次“新窗口”按钮,可以在页面中显示几个容器,然后拖动这些窗口,让他们在屏幕中不同的位置。然后点“放到后台”按钮,可以实现把最前面的窗口移动该组窗口的最后面去,点击“隐藏所有”按钮,可以隐藏当前打开的所有窗口。如下图所示:

(版权声明:本人Blog上的所有文章版本均归EasyJF开源的冷雨所有,受法律保护,可以在互联网上进行转载,转载必须保留作者版权声明及链接;未经本人书面许可,不得把本人Blog上的文章用于出版、发行或其它商业用途。)

上一篇:窗口基本应用    下一篇:对话框

 
 

(阅读 )   评论数(:13)
评论】 【收藏】
评论:共13条
Ext.oReay(function(){
拼错
应为
Ext.onReady(function(){
评论人: gotochenjie     评论时间: 2008-11-24 16:43:30
WindowGroup 没有show/showAll的方法,
当我们隐藏所有窗口后,该如何再去显示回来呢?
评论人: gotochenjie     评论时间: 2008-11-24 16:58:55
function showAll(win){
   function f(win){
       win.show();}
   mygroup.each(f);    
}

html:
Ext.get("btnShow").on("click",showAll);

解决
评论人: gotochenjie     评论时间: 2008-11-24 17:13:51
gotochenjie 刚好问到我的问题,谢谢哦,呵呵。
评论人: ricky     评论时间: 2009-04-17 16:29:36
应该这样写比较好些,
function showAll(){
  mygroup.each(function(win){win.show()});    
}
评论人: cesymm     评论时间: 2009-04-28 15:09:29
漂亮
评论人: 匿名用户     评论时间: 2011-04-29 10:35:12
Deadly acrcuate answer. You've hit the bullseye!
评论人: lkFQScDxBvCTvUrI     评论时间: 2012-01-03 21:39:43
1c42D1  <a href="http://ovizveraheft.com/">ovizveraheft</a>
评论人: TLrQBJsQmPSAYG     评论时间: 2012-01-04 16:24:29
tmG1Wy , [url=http://ftzbcxbomxzk.com/]ftzbcxbomxzk[/url], [link=http://frixvgbtszed.com/]frixvgbtszed[/link], http://ttevcmuagymf.com/
评论人: oTKazxbGePQKjKCs     评论时间: 2012-01-04 21:02:32
P3d8PD  <a href="http://vyhanqdipplk.com/">vyhanqdipplk</a>
评论人: nDvCdAxszVYoWDZeZ     评论时间: 2012-01-06 19:45:52
tHvf3p , [url=http://lnctyajvlalc.com/]lnctyajvlalc[/url], [link=http://jiwggmhsuaub.com/]jiwggmhsuaub[/link], http://lwzjdvicqkln.com/
评论人: RZuGJikx     评论时间: 2012-01-07 00:32:37
评论人: BrettfrinI     评论时间: 2017-06-17 14:12:58
评论人: BrettfrinI     评论时间: 2017-08-01 19:00:40

发表评论:
发表人:
评论: 
验证码:
请输入前面图中的四位验证码,字母不区分大小写
  
 
关于我们 | 诚聘英才 | 联系我们 | 广告业务 | 网站地图 | 法律声明

EasyJF开源团队版权所有  建议使用1024*768分辨率