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

时间:2013-05-09 03:26:59

标签: javascript extjs extjs4

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

当用户重新定位时,窗口是否有办法不相互重叠?

我应该上班什么课?

这是一个非常离散的样本。 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();

});

1 个答案:

答案 0 :(得分:-1)

使用WindowManager控制重叠的行为。

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