您的位置:首页 > 产品设计 > UI/UE

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

2014-05-08 14:35 381 查看

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;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: