今天在做 Ext.Ajax.request({});的覺得需要Mask遮擋的效果
方法一 :(標紅部分)
{ text: "刪除", iconCls: "btn-del", scope: this, handler: function() { var f = this.centerPanel; var d = f.getSelectionModel().getSelections(); if (d.length == 0) { Ext.ux.Toast.msg("資訊", "請選擇要刪除的記錄!"); return; } var g = Array(); for (var e = 0; e < d.length; e++) { g.push(d[e].data.dicId); } Ext.Msg.confirm("資訊確認", "您確認要刪除所選記錄嗎?", function(h) { if (h == "yes") { Ext.getBody().mask("請稍等,正在刪除中...","x-mask-loading"); Ext.Ajax.request({ url: __ctxPath + "/system/multiDelDictionary.action", params: { ids: g }, method: "POST", success: function(i, j) { Ext.getBody().unmask(); Ext.ux.Toast.msg("操作資訊", "成功刪除該數字字典!"); f.getStore().reload(); }, failure: function(i, j) { Ext.getBody().unmask(); Ext.ux.Toast.msg("操作資訊", "操作出錯,請聯絡管理員!"); } }); } }); } },
方法二:(標紅部分)
var myMask = new Ext.LoadMask(Ext.getBody(), { msg: '正在儲存,請稍後!', removeMask: true //完成後移除 }); myMask.show(); Ext.Ajax.request({ url : 'infoPlatform/TogBuy!publish.action', waitMsg : '正在發布...', scope : this, success : function(f, o) { myMask.hide(); App.setAlert(true, "test"); }, failure : function(f, o) { myMask.hide(); App.setAlert(false, "test"); }