前端 javascript ecmascript 前端框架 用layui获取table数据修改内容时 修改的第二条数据的内容 第二条数据的内容不修改直接修改第一条的内容...

在使用 layui 的 table 组件时，当修改表格中的数据时，会发现修改的并不是你想要修改的那一条数据，而是第一条数据。这是因为在修改数据时，layui 默认使用了相同的数据键值，导致多条数据被修改成了同一条数据。

解决方法就是，在修改数据时，使用不同的数据键值，或者在渲染表格时，指定行数据的唯一键值。这样就可以保证修改的是正确的数据了。

另外, 我们可以使用 table.checkStatus().data 获取被选中的行数据, 并进行修改操作

示例:

let checkStatus = table.checkStatus('tableId'),

data = checkStatus.data;

//修改操作

table.reload('tableId', {

data: data

});

至于怎么设置唯一键值

table.render({

elem: '#tableId',

id: 'tableId',

uniqueId: 'id', //将 uniqueId 设置为唯一键值

data: [],

cols: []

});

通过将 uniqueId 设置为唯一键值, 就可以避免之前说的问题了。

好文阅读

 您阅读本篇文章共花了：