学习Extjs4 (2-2) 限制拖动范围的窗口

最新推荐文章于 2021-08-27 10:11:23 发布

转载最新推荐文章于 2021-08-27 10:11:23 发布 · 162 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/judgelee/archive/2012/12/18/2823280.html

本文介绍了一种在主窗口中添加并限制其他窗口拖动范围的方法，通过设置窗口对象属性，实现了窗口及其标题栏的拖动限制，适用于需要固定布局的应用场景。

在一个主窗口中可以添加很多其他的窗口，可以通过窗口对象属性的设置限制窗口的拖动范围，下面展示两种限制拖动的情况。

var constrainedWin, constrainedWin2;
var win2 = Ext.create('widget.window', {
    height: 200,
    width: 400,
    x: 450,
    y: 450,
    title: '限制拖动范围的窗口',
    closable: false,
    plain: true,
    layout: 'fit',
    items: [constrainedWin = Ext.create('Ext.Window', {
        title: '限制拖动范围的窗口',
        width: 200,
        height: 100,
        x: 1000,
        y: 20,
        constrain: true,
        layout: 'fit',
        items: {
            border: false
        }
    }), constrainedWin2 = Ext.create('Ext.Window', {
        title: '限制标题拖动范围的窗口',
        width: 200,
        height: 100,
        x: 120,
        y: 120,
        constrainHeader: true,
        layout: 'fit',
        items: {
            border: false
        }
    }), {
        border: false
    }]
});
win2.show();
constrainedWin.show();
constrainedWin2.show();

转载于:https://www.cnblogs.com/judgelee/archive/2012/12/18/2823280.html