easyui防止重复提交及进度条报错解决: Cannot re

页面导航:首页 > 网络编程 > JavaScript > easyui防止重复提交及进度条报错解决: Cannot re

easyui防止重复提交及进度条报错解决: Cannot re

来源: 作者: 时间:2016-01-19 18:32 【

使用easyui框架 有个缺点就是响应有些慢,比如使用dialog 提交表单的时候可能要经过几秒才能提交上,如果用户连续点击提交按钮,可能造成重复提交。有个办法可以解决这个问题,就是

使用easyui框架 有个缺点就是响应有些慢,比如使用dialog 提交表单的时候可能要经过几秒才能提交上,如果用户连续点击提交按钮,可能造成重复提交。有个办法可以解决这个问题,就是使用进度条,也是easyui自带的。像如下这样:

  $.messager.progress();
            var form = $("#addcompany");
            form.ajaxSubmit({
                type : "post",
                url : "${ctx}/company/addCompany.do",
                data : $.param({
                    dealType : dealType
                }),
                dataType : "json",
                success : function(data) {
                    $.messager.progress('close'); 
                    if (data == "exist") {
                             $.messager.alert("提示","公司名称已存在,请重新输入!");
                    } else {
                         $.messager.alert("系统提示","公司添加成功");
                        initCompany();
                        $("#company_info").dialog("close");
                    }

                },
                error : function(xhr, errorType, error) {
                     $.messager.progress('close'); 
                    alert(xhr + ":" + errorType + ":" + error);
                }
            });

这样在提交和相应的过程中会显示进度条,防止用户重复提交。
然而这样做又会出现一个问题:
进度条报错:
f12下查看这个错误是这样的:
这里写图片描述
这个错误算是easyui里面的一个小bug.
找到它报错的那行,改下源码就好。
改成下面这样:
这里写图片描述

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<