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

});