layui动态表格监听单选框单击事件

最新推荐文章于 2026-05-21 07:45:27 发布

原创最新推荐文章于 2026-05-21 07:45:27 发布 · 6.6k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被收录于：

11 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍在layUI框架中，如何为动态表格的单选框列设置单击事件，并获取当前行数据。通过使用table.on方法监听my_table_1的row事件，可以实现点击单选框时调用特定函数并传递当前行数据。

layUI的动态表格插件，指定当前列是单选框，那么如何获得单击事件并拿到当前行数据呢？
话不多说，上码！

// 框架初始化
$(function(){
        layui.use(['table','laydate','layer'], function() {
            var table = layui.table;
            var laydate = layui.laydate;
            var layer = layui.layer;
            table.init('my_table_1', {
                        //表格初始化参数
                        height: document.body.clientHeight-55,   //动态高度
                        cellMinWidth: 100,   //最小宽度
                        skin: "nob",      //表格风格 line row nob
                        even: true,        //是否隔行变色
                        limit: 10000,
                        done: function(res, curr, count) {
                            // 监听单选单击事件,其中my_table_1是table的lay-filter的属性值
                            table.on('row(my_table_1)',function(obj){    
                            	// 其中，obj是单选后当前行的数据
                                window.parent.document.getElementById("contents").contentWindow.reSeGYS(obj.data.ck2, obj.data.ck3);
                                window.parent.closeWinSelect();
                            });
                        }
                    });
        });
});