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 : '正在提交數據...'

     .....