如何进行循环监听事件！

最新推荐文章于 2023-05-17 10:10:23 发布

皮皮冰

最新推荐文章于 2023-05-17 10:10:23 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： jquey 文章标签：循环监听事件

本文链接：https://blog.youkuaiyun.com/weixin_40579422/article/details/81066477

jquey 专栏收录该内容

1 篇文章

订阅专栏

本文分享了使用JavaScript进行事件监听配置的实战经验，包括日期选择器、下拉列表和数值变化的监听，以及如何在事件触发后更新数据列表。通过具体代码示例，详细解释了不同数据类型（如日期、字符串、整数等）的处理方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一开始我也并不知道经过在网上查资料解决问题，在这里我把我的代码分享给不会的你！

//配置事件监听

          for (var i = 0; i < _Data.length; i++) {
                                    var Param = function () {
                                        var DataName = _Data[i]["名称"];
                                        if (_Data[i]["数据类型"] == "日期") {
                                            //同时绑定多个
                                            lay('.mc_date' + DataName).each(function () {
                                                laydate.render({
                                                    elem: this,
                                                    trigger: 'click',
                                                    //format: 'yyyy年MM月dd日',
                                                    //theme: 'molv',
                                                    format: 'yyyy-MM-dd',
                                                    done: function (value, date) {
                                                        var row_id = $(this.elem[0]).attr("rowid");                                                    
                                                        updateData(ListData1, row_id, DataName, value);
                                                        //连动时间
                                                        //  Time_Continuous_POST("MC.Server.DevePlan.DevePlanManager.BAPI_运营计划_开始时间_工期_连动_Timelimit", row_id, value, "开始时间");
                                                    }
                                                });
                                            });


                                            // 监听开始时间
                                            treeGrid.on("click", ".mc_date" + DataName, function () {                                          
                                                laydate.render({
                                                    elem: this,
                                                    trigger: 'click',
                                                    //format: 'yyyy年MM月dd日',
                                                    //theme: 'molv',
                                                    format: 'yyyy-MM-dd',
                                                    done: function (value, date) {
                                                        var row_id = $(this.elem[0]).attr("rowid");
                                                        updateData(ListData1, row_id, DataName, value);
                                                        // 连动时间
                                                        // Time_Continuous_POST("MC.Server.DevePlan.DevePlanManager.BAPI_运营计划_开始时间_工期_连动_Timelimit", row_id, value, "开始时间");
                                                    }
                                                });
                                            })
                                        }
                                        if (_Data[i]["数据类型"] == "字符串" && _Data[i]["输入_输入器类型"] == "列表") {
                                            form.on('select(test' + DataName + ')', function (data) {
                                                //console.log($(data.elem).data('id'));
                                                console.log(data.value + ":" + DataName);
                                                var row_id = $(data.elem).data('id');
                                                updateData(ListData1, row_id, DataName, data.value);
                                                form.render("select");
                                            });
                                        }
                                        if (_Data[i]["数据类型"] == "整数型" || _Data[i]["数据类型"] == "小数型" || _Data[i]["数据类型"] == "长整型") {
                                            //工期
                                            treeGrid.on("change", '.gongqi' + DataName, function (e, data) {
                                                var row_id = $(e.target).data('id');                                             
                                                updateData(ListData1, row_id, DataName, $(e.target).val());
                                                //连动时间
                                            });
                                        }
                                    }
                                    Param();

                                }

我也是小白，但是小白知道努力前进！