ExtJs4 grid的loadMask遮罩层问题

页面在加载数据的时候,想要实现“load...”的动画过渡,我们选择使用loadMask,

在grid的加载数据的时候或出现小小问题,

 

设置

     loadMask : true

 

或者设置

 

   loadMask : { msg : ' load... ' }

 

或者设置

 

   viewConfig : {

      loadMask : true,

      loadMask : { msg : ' load... ' }

    }

 

都实现不了遮罩层显现出来,那么你需要重写grid的loadMask,不知道这个是不是extjs4.1的bug了。

 

具体重写方法的代码:

/**
* 修复Grid的loadMask的BUG
*/
Ext.override(Ext.view.AbstractView, {
onRender: function(){
var me = this;

this.callOverridden();

if (me.mask && Ext.isObject(me.store)) {
me.setMaskBind(me.store);
}
}
});

 

实现效果图:

 

              ExtJs4 grid的loadMask遮罩层问题

 

 

你可能感兴趣的:(extjs4)