ExtJs 加载蒙版位移

Question

我在使用加载掩码时遇到了 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...');

启用加载掩码后，如果我打开另一个窗口，掩码会从它不希望的位置移位。 我应该如何防止其他窗口影响加载掩码。

或者我应该在整个框架而不是窗口上放置遮罩？

Answer 1

如果需要创建重复的窗口，您可以检查之前创建的窗口。如果退出，则不需要setLoading。看这个：https://fiddle.sencha.com/#fiddle/tv5

    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...');

        }
    });