Ext.LoadMask遮罩的效果几种实现方式

转自: http://nieli.iteye.com/blog/528330

 

Ext.LoadMask用于在加载数据时为元素做出类似于遮罩的效果。可以直接应用在元素上，如：

 

 var loadMarsk = new Ext.LoadMask(document.body//元素、DOM节点或id, {
     msg : '正在删除数据，请稍候。。。。。。',
     removeMask : true// 完成后移除
 });
 loadMarsk .show(); //显示

然后在处理完成的方法中loadMarsk .hide();

 

 

还可以和Ext.data.Store结合，可将效果与Store的加载达到同步，如：

var loadMarsk = new Ext.LoadMask(document.body, {
    msg : '数据处理中!',
    disabled : false,
    store : store
});

 

 

在form的submit方法中有waitMsg属性来达到上面的效果 ,如：

form.submit({
     waitMsg : '正在提交数据...'

     .....