在 extjs 中水平管理底部的最小化窗口而不是重叠

Posted 2023-02-26

【中文标题】在 extjs 中水平管理底部的最小化窗口而不是重叠

【英文标题】：Mange minimized windows at bottom horizontally in extjs rather than overlapping

【发布时间】：2015-01-29 18:12:19

【问题描述】：

我正在使用 Extjs 处理多个最小化窗口。当我单击最小化按钮时，我将窗口对齐到左下角。但是在多个窗口的情况下，最小化的窗口在左下角彼此重叠。它们不是水平对齐的。如何在屏幕底部水平排列最小化的窗口。

下面是我的示例代码。

 Ext.onReady(function () 
    Ext.create('Ext.window.Window', 
        height: 300,
        width: 300,
        minimizable: true,
        title: 'first win',
        listeners: 
            "minimize": function (window, opts) 
                window.collapse();
                window.setWidth(150);
                window.alignTo(Ext.getBody(), 'bl-bl')
            
        

    ).show();
       Ext.create('Ext.window.Window', 
        height: 300,
        width: 300,
        minimizable: true,
        title: 'second win',
        listeners: 
            "minimize": function (window, opts) 
                window.collapse();
                window.setWidth(150);
                window.alignTo(Ext.getBody(), 'bl-bl')
            
        

    ).show();
       Ext.create('Ext.window.Window', 
        height: 300,
        width: 300,
        minimizable: true,
        title: 'third win',
        listeners: 
            "minimize": function (window, opts) 
                window.collapse();
                window.setWidth(150);
                window.alignTo(Ext.getBody(), 'bl-bl')
            
        

    ).show();
);

【参考方案1】：

如何创建一个数组来跟踪最小化的窗口。这将帮助您了解是与视口对齐还是与另一个最小化窗口对齐。