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

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

版权声明：本文为博主原创文章，未经博主允许不得转载。