避免按钮重复点击的小工具bimianchongfu.queren()

原创已于 2022-06-30 11:43:39 修改 · 413 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#大数据

于 2022-06-30 11:38:18 首次发布

c# 同时被 2 个专栏收录

10 篇文章

订阅专栏

2 篇文章

订阅专栏

该博客讨论了一种防止用户在后台任务执行期间重复点击按钮的方法，通过创建一个名为`hf_running`的隐藏字段来标记操作状态。当后台任务正在进行时，`hf_running`的值设为1，否则为0。提供了一个JavaScript函数`bimianchongfu`用于检查并确认操作是否可以继续，确保不会因用户多次点击而重复执行长时间运行的任务，如资产折旧等。

按钮后台可能执行很长时间，这期间如果客户等不及再次点了按钮，可能会重复触发。

比如资产折旧，运行很长时间。

所以可以做一个hf_running的hiddenfield对象，设置值1表示正在运行，0表示没有。为兼容性用的纯js。

封装好了：

//避免重复运行，需要加一个hf_running的控件。用法：
//if (!bimianchongfu.queren('确认继续吗？')) return;
//执行具体业务代码
//执行完后，清空hf_running的值或者改成0
var bimianchongfu = {
    kongjian: { objRunning: "hf_running" },
    //检查是否正在运行，并提示，并设置值
    queren: function (AConfirmMsg, lShowAlert, strShowAlert, lMarkIsRunning) {
        var rt = this.zhengzaiyunxing(lShowAlert, strShowAlert, false);//检查正在运行
        if (rt) return false;       //正在运行，返回
        //确认
        var s = AConfirmMsg;
        if (AConfirmMsg == undefined || AConfirmMsg == null) s = "";
        if (s != "") if (!(rt = confirm(s))) return false;
        //
        if (lMarkIsRunning == undefined || lMarkIsRunning == null || lMarkIsRunning == true)
            this.set("1");
        //
        return true;
    },
    //读取是否正在运行
    zhengzaiyunxing: function (lShowAlert, strShowAlert, lMarkIsRunning) {
        var obj = this.kongjian.objRunning, v = "", l = false, s = strShowAlert, lAlert = lShowAlert;
        if (obj == undefined || obj == null) obj = document.getElementById("hf_running");
        else if (typeof (obj) == "string") obj = document.getElementById(obj);
        if (obj == undefined || obj == null) obj = document.getElementById("hf_running");
        if (obj != null && this.kongjian.objRunning == null) this.kongjian.objRunning = obj;//记下来
        v = obj.value;  //取值
        l = !(v == undefined || v == null || v == "" || v == "0" || v == "false");
        //提示信息
        if (l) {        //正在运行
            if (lShowAlert == undefined || lShowAlert == null) lAlert = true;
            if (strShowAlert == undefined || strShowAlert == null) s = "正在运行，请稍候";
            if (lAlert && s != "") alert(s);
        } else {        //没有运行，标记为正在运行
            if (lMarkIsRunning == undefined || lMarkIsRunning == null || lMarkIsRunning == true)
                this.set("1");
        }
        //完成返回
        return l;
    },
    //设置值
    set: function (val) {
        var obj = this.kongjian.objRunning, tp = typeof (obj);
        if (tp == "object") obj.value = val;
        else if (tp == "string") document.getElementById(obj).value = val;
        else document.getElementById("hf_running").value = val;
    }
};