Ext 的Ajax 請求,添加mask 等待效果。

來源:互聯網
上載者:User

今天在做 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");      }  

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.