Ext6.2 window

在这里插入图片描述

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(窗口)

参考链接1

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

燕長亭

你的鼓励是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值