让 messger.alert 的关闭按钮响应回调函数（easyUI1.3.4 ）

最新推荐文章于 2022-03-18 09:05:10 发布

vicanary

最新推荐文章于 2022-03-18 09:05:10 发布

阅读量1.4w

点赞数 7

分类专栏： webDraft

本文链接：https://blog.csdn.net/longjuesi/article/details/25303687

版权

webDraft 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

A代码

$.messager.alert("提示", "解除排产成功……", "info", function () { console.info("obj") });

B执行效果：

如上图所示，点击确定按钮会调用回调函数，但是点击关闭按钮（红叉）则不能触发。而很多时候这种提示框这两个按钮的语意其实是一样的，如此则要修改easyUi的源码（如果您的项目中的easyUI是远程加载，则没有办法）：

C改进：

打开项目中jquery.easyui.min-1.3.4.js文件，找到$.messager.alert调用的代码，为对话框的关闭添加事件，如下（星号间的代码为新加的代码）：

alert:function(_26a,msg,icon,fn){
var _26b="<div>"+msg+"</div>";
switch(icon){
case "error":
_26b="<div class=\"messager-icon messager-error\"></div>"+_26b;
break;
case "info":
_26b="<div class=\"messager-icon messager-info\"></div>"+_26b;
break;
case "question":
_26b="<div class=\"messager-icon messager-question\"></div>"+_26b;
break;
case "warning":
_26b="<div class=\"messager-icon messager-warning\"></div>"+_26b;
break;
}
_26b+="<div style=\"clear:both;\"/>";
var _26c={};
_26c[$.messager.defaults.ok]=function(){
win.window("close");
if(fn){
fn();
return false;
}
};
var win = _264(_26a, _26b, _26c);
/************************增加窗口关闭触发事件*****************************/
win.window({
    onBeforeClose: function () {
        if (fn) {
            fn();
            return false;
        }
    }
});
/************************end*****************************/
return win;
},confirm:function(_26d,msg,fn){
var _26e="<div class=\"messager-icon messager-question\"></div>"+"<div>"+msg+"</div>"+"<div style=\"clear:both;\"/>";
var _26f={};
_26f[$.messager.defaults.ok]=function(){
win.window("close");
if(fn){
fn(true);
return false;
}
};
_26f[$.messager.defaults.cancel] = function () {
win.window("close");
if(fn){
fn(false);
return false;
}
};
var win=_264(_26d,_26e,_26f);
return win;
}