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

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

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();