ExtJS专题(八):ExtJS窗口Window的使用
2010-03-11 10:43
232 查看
接下来要学习的就是ExtJS窗口Window的使用了。
ExtJS中窗口是由Ext.Window类定义,该类继承自Panel,因此窗口其实是一种特殊的面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。看下面的代码:
页面中的html内容:
<input id="btn" type="button" name="add" value="新窗口" />
执行上面的代码,当点击按钮“新窗口”的时候,会在页面中显示一个窗口,窗口标题为“窗口x”,窗口可以关闭,可以最大化,点击最大化按钮会最大化窗口,最大化的窗口可以还原,如图所示。
另外,窗口是分组进行管理的,可以对一组窗口进行操作,默认情况下的窗口都在默认的组 Ext.WindowMgr中。窗口分组由类Ext.WindowGroup定义,该类包括bringToFront、getActive、 hideAll、sendToBack等方法用来对分组中的窗口进行操作。
看下面的代码:
页面中的html代码
执行上面的代码,先点击几次“新窗口”按钮,可以在页面中显示几个容器,然后拖动这些窗口,让他们在屏幕中不同的位置。然后点“放到后台”按钮,可以实现把最前面的窗口移动该组窗口的最后面去,点击“隐藏所有”按钮,可以隐藏当前打开的所有窗口。如下图所示:
ExtJS中窗口是由Ext.Window类定义,该类继承自Panel,因此窗口其实是一种特殊的面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。看下面的代码:
页面中的html内容:
<input id="btn" type="button" name="add" value="新窗口" />
执行上面的代码,当点击按钮“新窗口”的时候,会在页面中显示一个窗口,窗口标题为“窗口x”,窗口可以关闭,可以最大化,点击最大化按钮会最大化窗口,最大化的窗口可以还原,如图所示。
另外,窗口是分组进行管理的,可以对一组窗口进行操作,默认情况下的窗口都在默认的组 Ext.WindowMgr中。窗口分组由类Ext.WindowGroup定义,该类包括bringToFront、getActive、 hideAll、sendToBack等方法用来对分组中的窗口进行操作。
看下面的代码:
页面中的html代码
执行上面的代码,先点击几次“新窗口”按钮,可以在页面中显示几个容器,然后拖动这些窗口,让他们在屏幕中不同的位置。然后点“放到后台”按钮,可以实现把最前面的窗口移动该组窗口的最后面去,点击“隐藏所有”按钮,可以隐藏当前打开的所有窗口。如下图所示:
相关文章推荐
- 【专题】window.open的例子和使用方法以及参数说明(完整版)
- EXTJS 4 窗口组件使用示例
- Jquery实现WIN7-AeroWindow窗口效果插件使用
- JS-使用window.open打开的子窗口与父窗口之间的通信
- ExtJs--04--window窗口属性说明并两种方式添加子组件
- ExtJS专题(十):layout布局的使用(2)
- ExtJS专题(十):layout布局的使用(3)
- ExtJS专题(十一):lTree的Treepanel使用
- javascript弹出窗口 window.open使用方法以及参数说明分析篇
- 使用window.close关闭窗口后,出现一个新的页面问题
- Visual Studio使用小技巧3 &ndash; 标签分组(Tab Group)和分割窗口(Split window)
- 如何让Extjs弹出window窗口后背景窗口变灰(即不可编辑)
- jQuery EasyUI window窗口使用实例
- ExtJs 完美实现图片在Window窗口中通过鼠标滚轮放大缩小以及点击拖拽
- 如何让Extjs弹出window窗口后背景窗口变灰(即不可编辑)
- Using Window Procedures(使用窗口过程)
- Delphi 实现任务栏多窗口图标显示(使用WS_EX_APPWINDOW风格)
- EXTJS6.2 使用弹出确认框窗口Ext.Msg.show
- 有关于在Extjs4环境中,window窗口下的messageBox弹窗的bug以及解决方案
- Extjs-弹出窗口 Ext.Window