EasyUI的progress对象close方法报错的彻底解决方案
2015-07-10 23:58
417 查看
今天发现EasyUI的一个BUG,进度条的关闭会影响其它窗体的操作。代码如下:
function saveCoupon() {
$.messager.progress();
$("#fm").form("submit", {
url: "Coupon/PutOnCoupon",
onSubmit:function(){
var isValid = $(this).form('validate');
if (!isValid) {
$.messager.progress('close');
}
return isValid;
},
dataType: "text",
success: function (result) {
$.messager.progress('close');
$("#dlg").dialog("close");
$("#couponSupplyGrid").datagrid("reload");
}
})
}当代码顺利保存优惠券数据后,执行success处的代码,按照本意,先关闭进度条,然后关闭对话框,最后重新加载数据表格,但是,当执行完毕$.messager.progress('close')后,后续代码无法正常执行,查看游览器调试窗口,显示如下错误信息:
Uncaught TypeError: Cannot read property 'onClose' of undefined
经过尝试,把 $.messager.progress('close'); 代码放到最后执行,一切OK。
晚上回到家,对 $.messager.progress('close'); 执行过程跟踪了一下,发现在在4844行的地方有个BUG,原代码如下:
onClose: function() {
if (this.timer) {
clearInterval(this.timer);
}
if (_2af.onClose) {
_2af.onClose.call(this);
} else {
$.messager.defaults.onClose.call(this);
}
}正是 if (_2af.onClose) 这段条件语句中_2af为undefined时报错了,根据代码的结构,可以猜出作者本意是若_2af对象没有onClose事件,则调用默认的close事件处理函数。因此,可以将此条件语句改为如下:
onClose: function() {
if (this.timer) {
clearInterval(this.timer);
}
if (_2af && _2af.onClose) {
_2af.onClose.call(this);
} else {
$.messager.defaults.onClose.call(this);
}
}经测试,执行 $.messager.progress('close'); 时不再报错了,问题圆满解决。
本人使用的是easyui-1.4.3版本。
function saveCoupon() {
$.messager.progress();
$("#fm").form("submit", {
url: "Coupon/PutOnCoupon",
onSubmit:function(){
var isValid = $(this).form('validate');
if (!isValid) {
$.messager.progress('close');
}
return isValid;
},
dataType: "text",
success: function (result) {
$.messager.progress('close');
$("#dlg").dialog("close");
$("#couponSupplyGrid").datagrid("reload");
}
})
}当代码顺利保存优惠券数据后,执行success处的代码,按照本意,先关闭进度条,然后关闭对话框,最后重新加载数据表格,但是,当执行完毕$.messager.progress('close')后,后续代码无法正常执行,查看游览器调试窗口,显示如下错误信息:
Uncaught TypeError: Cannot read property 'onClose' of undefined
经过尝试,把 $.messager.progress('close'); 代码放到最后执行,一切OK。
晚上回到家,对 $.messager.progress('close'); 执行过程跟踪了一下,发现在在4844行的地方有个BUG,原代码如下:
onClose: function() {
if (this.timer) {
clearInterval(this.timer);
}
if (_2af.onClose) {
_2af.onClose.call(this);
} else {
$.messager.defaults.onClose.call(this);
}
}正是 if (_2af.onClose) 这段条件语句中_2af为undefined时报错了,根据代码的结构,可以猜出作者本意是若_2af对象没有onClose事件,则调用默认的close事件处理函数。因此,可以将此条件语句改为如下:
onClose: function() {
if (this.timer) {
clearInterval(this.timer);
}
if (_2af && _2af.onClose) {
_2af.onClose.call(this);
} else {
$.messager.defaults.onClose.call(this);
}
}经测试,执行 $.messager.progress('close'); 时不再报错了,问题圆满解决。
本人使用的是easyui-1.4.3版本。
相关文章推荐
- android searchView的关闭事件
- jQuery寻找n以内完全数的方法
- 推荐10个2014年最佳的jQuery视频插件
- 基于jquery中children()与find()的区别介绍
- 了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
- JQuery打造PHP的AJAX表单提交实例
- jquery easyui使用心得
- 初试jQuery EasyUI 使用介绍
- 浅谈jQuery构造函数分析
- 在VS2008中使用jQuery智能感应的方法
- 从Ajax到JQuery Ajax学习
- jQuery仿gmail实现fixed布局的方法
- jQuery判断当前点击的是第几个li的代码
- jQuery判断一个元素是否可见的方法
- jquery.validate的使用说明介绍
- jquery 常用操作整理 基础入门篇
- jquery插件splitScren实现页面分屏切换模板特效
- EasyUI中datagrid在ie下reload失败解决方案
- jQuery实现首页图片淡入淡出效果的方法
- 分享精心挑选的12款优秀jQuery Ajax分页插件和教程