Ext.create('Ext.window.Window', {
title: 'Hello',
height: 200,
width: 400,
// resizable : true //可调整大小
//layout: 'fit', //布局
//closeAction : 'close'//或者hide
// modal : true, //是否模态窗口
//renderTo : this.grid, //指定渲染部件
//constrain : true, //是否约束
items: { // Let's put an empty grid in just to illustrate fit layout
xtype: 'grid',
border: false,
columns: [{header: 'World'}], // One header just for show. There's no data,
store: Ext.create('Ext.data.ArrayStore', {}) // A dummy empty data store
}
}).show();
1、closeAction :‘close’ 和 closeAction :‘hide’
选择close ,就是要调用了destroy方法,销毁window部件。
选择hide,就是要调用了hide方法,隐藏window。
2、modal 属性 ,模态
为true时,窗口显示后,只显示窗口,不可以进行其他与窗口无关的操作。
反之,可以操作窗口以外。
3、renderTo 属性
指定渲染到哪个部件,如上我们渲染到一个gridpanel。
4、constrain 属性
true的时候,约束到一个指定的渲染部件。
和renderTo 属性 同时存在时,可以实现使窗口只能在一个固定的panel里面活动。
5、maximizable 属性
可以最大化,当然如果你只能在一个固定的panel,最大化的也只有panel的大小。
6、minimizable 属性 ,窗口最小化。
7、resizable 可调整大小的 属性
8、draggable 可拖到
我常用的就这些属性。
那么如果我们如何管理这些窗口呢?
Ext.ZIndexManager
var winG = Ext.ZIndexManager();
我们也可以配置zseed.默认第一个窗口的zseed是8999,每初始化一个是递增2K。
我们可以通过zseed的大小顺序来对窗口排序。
比如winG.zseed = 800 是第一个,第二个是 900。据zseed大小第二个肯定会浮动在第一个上面。
除了给zseed设值外,还有调用ZIndexManager注册方法。
winG .register(窗口)