javascript - 加载未绑定(bind)到组件的蒙版，在父级 X、Y 移动时中断

Question

描述:

我正在使用 Sencha 4.1.1 并使用网格。我可以通过创建任何面板并在面板上调用 setLoading(true) 来复制此问题。

问题:

Sencha 加载与组件(页脚)分开的蒙版。当蒙版被调用时，Sencha 会找到组件的 X 和 Y 并将其放置在蒙版上。这就是 mask 看起来位于网格上方的原因。问题是，当组件上的 X 和 Y 发生变化时， mask 不会更新，从而使部分网格暴露出来，看起来非常难看。

JsFiddle 显示此:JSFIDDLE - 如果您点击“test”div，它将被删除并且错误将被复制。

问题:

我想知道是否有人遇到过这个问题的解决方案？我可以将 mask 始终绑定(bind)到组件的 X 和 Y 吗？这是口罩的一个更广泛的问题吗？

Answer 1

这在 4.2 中仍然是一个问题。我在 4.2 中使用以下覆盖来解决该问题(我尚未在 4.1 中测试过它，但希望它能起作用):

Ext.override(Ext.LoadMask, {
    sizeMask: function() {
        var me = this,
            target;

        if(me.rendered && (me.isVisible() || me.getMaskEl().isVisible())) {
            me.center();

            target = me.getMaskTarget();
            me.getMaskEl().show().setSize(target.getSize()).alignTo(target, 'tl-tl');
        }
    }
});