var mask = new Ext.LoadMask("ID", {
??? ?msg : '正在加載...'
??? ?});
??? ?mask.show();
??? borrowhistory_store.load({
??? ??? ??? ??? params : {
??? ??? ??? ??? ??? webname : "all",
??? ??? ??? ??? ??? start : 0,
??? ??? ??? ??? ??? limit : borrowhistory_pageTool.pageSize
??? ??? ??? ??? }
??? ??? ??? });
??? ?borrowhistory_store.on("load", function() {
??? ?mask.hide();
??? ?})

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

???? .....

總結

以上是生活随笔為你收集整理的Ext.LoadMask遮罩的效果几种实现方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。