关闭

EasyUI的progress对象close方法报错的彻底解决方案

标签: EasyUIprogressclose
1779人阅读 评论(2) 收藏 举报
分类:

今天发现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版本。







0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:114477次
    • 积分:1828
    • 等级:
    • 排名:千里之外
    • 原创:121篇
    • 转载:8篇
    • 译文:0篇
    • 评论:10条
    文章分类