修复Extjs5.1.4的弹出窗（window）BUG

Posted 2020-09-12 拉风的帅猫

Extjs5.1.4版本目前是兼容性及稳定性最好的，5.0-5.1.3在window10环境下都有比较严重的BUG。

目前使用5.1.4感觉还不错。

Ext.define(‘Ext.overrides.ZIndexManager‘,{
    override:‘Ext.ZIndexManager‘,
    register: function(comp) {
        var me = this;
        if (comp.zIndexManager) {
            comp.zIndexManager.unregister(comp);
        }
        comp.zIndexManager = me;
        if (!comp.rendered) {
            comp.on(‘render‘, me.onComponentRender, me, {
                single: true
            });
        }
        me.zIndexStack.add(comp);
    },
    unregister: function(comp) {
        var me = this;
        delete comp.zIndexManager;
        comp.un(‘render‘, me.onComponentRender, me);
        me.zIndexStack.remove(comp);
        me.onCollectionSort();
    },
    onComponentRender: function(comp) {
        this.zIndexStack.itemChanged(comp, ‘hidden‘);
    },
    privates: {
        showModalMask: function(comp) {
            var me = this,
                compEl = comp.el,
                zIndex = compEl.getStyle(‘zIndex‘) - 4,
                maskTarget = comp.floatParent ? comp.floatParent.getEl() : comp.container,
                mask = me.mask,
                shim = me.maskShim,
                viewSize, tabbableAttr, tempTabbableAttr, tabbables;
            if (!mask) {
                me.mask = mask = Ext.getBody().createChild({
                    ‘data-sticky‘: true,
                    role: ‘presentation‘,
                    //修改window遮罩层的颜色
                    cls: Ext.baseCSSPrefix + ‘mask my-mask ‘ + Ext.baseCSSPrefix + ‘border-box‘,
                    style: ‘height:0;width:0‘
                });
                mask.setVisibilityMode(Ext.Element.DISPLAY);
                mask.on(‘click‘, me.onMaskClick, me);
            } else {
                me.hideModalMask();
            }
            mask.maskTarget = maskTarget;
            viewSize = me.getMaskBox();
            if (shim) {
                shim.setStyle(‘zIndex‘, zIndex);
                shim.show();
                shim.setBox(viewSize);
            }
            mask.setStyle(‘zIndex‘, zIndex);
            tabbableAttr = ‘data-savedtabindex-‘ + maskTarget.getId();
            tempTabbableAttr = tabbableAttr + ‘-temp‘;
            tabbables = compEl.findTabbableElements();
            if (tabbables.length) {
                compEl.saveTabbableState(tempTabbableAttr);
                compEl.saveChildrenTabbableState(tempTabbableAttr);
            }
            maskTarget.saveTabbableState(tabbableAttr);
            maskTarget.saveChildrenTabbableState(tabbableAttr);
            if (tabbables.length) {
                compEl.restoreChildrenTabbableState(tempTabbableAttr);
                compEl.restoreTabbableState(tempTabbableAttr);
            }
            mask.show();
            mask.setBox(viewSize);
        }
    }
});