предотвращает наложение окна на другие видимые окна

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