Javascript 加载掩模位移

在使用加载掩码时，Extjs 4.1.1存在一些问题

我已经创建了一个自定义窗口，按下一个按钮，它将设置加载掩码

var options=Ext.create('Ext.window.window',{
    title:'this window',
    height:200,
    width:100,
 items: {  // Let's put an empty grid in just to illustrate fit layout
        xtype: 'grid',
        border: false,
        columns: [{header: 'World'}],              
        store: Ext.create('Ext.data.ArrayStore', {}) // A dummy empty data store
    }
}).show();

options.setLoading('Loading...');

启用加载遮罩后，如果打开另一个窗口，遮罩将从不需要的位置移动。 如何防止其他窗口影响加载掩码

---

或者我应该将遮罩覆盖在整个框架上，而不仅仅是窗口吗？

如果需要创建重复的窗口，您可以在创建之前检查窗口是否已创建。如果退出，则不需要设置加载。看看这个：

---

如果需要创建重复的窗口，可以检查是否在创建之前创建了该窗口。如果退出，则不需要设置加载。看看这个：

---

我不会再打开同一扇窗了，这是另一扇窗。这个链接不起作用。我以为你在其他窗口使用了相同的窗口模板。正如你所说，我修正了我的代码，但我无法面对你的问题。。请再检查一遍。有没有可能提供一把工作小提琴？这会更有帮助。结构相当复杂，我无法完全复制。但你的答案与问题的解决方案相差甚远，这可能是因为缺乏关于问题本身的信息。无论如何，我感谢你的努力。我不会再打开同一扇窗户了。这是一扇不同的窗户。这个链接不起作用。我以为你在其他窗口使用了相同的窗口模板。正如你所说，我修正了我的代码，但我无法面对你的问题。。请再检查一遍。有没有可能提供一把工作小提琴？这会更有帮助。结构相当复杂，我无法完全复制。但你的答案与问题的解决方案相差甚远，这可能是因为缺乏关于问题本身的信息。无论如何，我感谢你的努力。

    var me = this;
    var x = 50;
    var button = Ext.create('Ext.button.Button', {
        text: 'click',
        renderTo: Ext.getBody(),
        closable: true,
        handler: function() {

            me.options = Ext.create('Ext.window.Window',{
                title:'this window',
                height:200,
                width:400,
                items: {  // Let's put an empty grid in just to illustrate fit layout
                    xtype: 'panel',
                    html: 'here' // A dummy empty data store
                }
            });

            me.options.show();

            me.options.setXY([x+30, x+30]);
            me.options.mask('Loading1...');

        }
    });

    var button2 = Ext.create('Ext.button.Button', {
        text: 'click',
        renderTo: Ext.getBody(),
        closable: true,
        handler: function() {
            me.options2 = Ext.create('Ext.window.Window',{
                title:'this window',
                height:200,
                width:400,
                items: {  // Let's put an empty grid in just to illustrate fit layout
                    xtype: 'panel',
                    html: 'here' // A dummy empty data store
                }
            });

            me.options2.show();

            me.options2.setXY([x+200, x+300]);

            me.options2.mask('Loading2...');

        }
    });