javascript - 防止窗口与其他可见窗口重叠

Question

我正在处理一个里面有几个窗口的面板。

当用户重新定位窗口时，有没有办法让它们不相互重叠？

我应该学习什么课程？

这是一个非常离散的示例。http://jsfiddle.net/jopantorilla/XFC6P/1/

Ext.onReady(function () {
var window1, window2;
var parentWindow = Ext.create('Ext.window.Window', {
    title: 'Parent Window',
    layout: 'fit',
    width: 500,
    height: 450,
    items: [
    window1 = Ext.create('Ext.window.Window', {
        title: 'Window 1',
        id: 'window1',
        width: 150,
        height: 150,
        x: 50,
        y: 100,
        constrain: true
    }),
    window2 = Ext.create('Ext.window.Window', {
        title: 'Window 2',
        id: 'window2',
        width: 150,
        height: 150,
        x: 300,
        y: 100,
        constrain: true
    })]
}).show();

window1.show();
window2.show();

});

Answer 1

使用WindowManager来控制重叠的行为。

http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.WindowManager