关于LayUI中表格行数据监听记录

本文介绍了如何在LayUI中监听表格行数据,通过table.on('row')方法获取行数据,并详细讲解了如何配置toolbar进行自定义按钮监听。在table.render设置toolbar属性并在HTML中为按钮添加lay-event属性,然后在监听事件中用'tool'代替控件并根据layEvent触发相应操作。
摘要由CSDN通过智能技术生成

table.on(“控件”(“表格的绑定名字”))

这里控件就是row,点击表格对应行,获取对应数据

table.on('row(useruv)', function (obj) {
 //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值"
                    var data = obj.data; //获得当前行数据
                    console.log("data")
                    console.log(data)
                    var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)
                    var tr = obj.tr; //获得当前行 tr 的DOM对象

                });

官方API文档中已说明,只是自己不细心而已。
链接: LayUi官方

对于表格中自定义按钮监听

toolbar配置

上代码

 ,cols: [[ //标题栏
                {field: 'id', title: 'ID', width: 80, sort: true}
                ,{field: 'participants', title: '
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值