javascript - 更智能的窗口放置算法

Question

我正在开发 ExtJS 应用程序，页面上有多个可移动的 ExtJS 窗口。默认情况下，ExtJS 将所​​有新窗口创建到相同的预定义位置，这会将新窗口放置到相同的位置。由于该应用程序可以为用户打开 10 多个窗口，这对可用性非常不利。此时我注意到在我的屏幕中心不断有几个窗口彼此重叠（默认行为）。

有没有人知道我可以用来确定新窗口的更智能位置的简单算法？

我更喜欢不是很复杂的东西，但仍会提高我的应用程序的可用性。默认情况下，大多数窗口都相对较小，因此屏幕上应该有更多可用空间。我知道我可以查询 WindowMgr 以获取有关当前窗口的信息，但我仍然需要遵循某种逻辑。

我想可以在默认的 x 和 y 上添加 10 个像素来层叠窗口，但这感觉有点愚蠢。

Answer 1

您可以使用以下内容级联所有当前窗口。改成你喜欢的

Ext.Array.each(Ext.ComponentQuery.query('window'), function(win, index){
   win.setPosition(index * 10, index * 10);        
})

http://jsfiddle.net/q93Zt/1/