在layui数据表格上直接修改数据的方法

首先我们要知道layui是什么？

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。（官方解释）

那么接下来我就给大家讲解一下如何在layui数据表格上面直接修改数据！

首先。我们渲染数据表格数据的时候要加上一个表头属性 edit：true（加上这个属性就可以在浏览器上面直接修改数据表格的数据了）

如下图所示：

表头属性 edit：true  的解释。

首先,在页面上直接修改数据后，就可以使用layui中的 行点击事件 或者 选中行事件 来获取事件表格中的数据了。

行点击事件：

table.on('row(test)', function(obj){}   

row(test) 中的test 是 lay-filter="table" 的值。

选中行事件：

var checkStatus = table.checkStatus('idTest'); //idTest 即为基础参数 id 对应的值

console.log(checkStatus.data) //获取选中行的数据

然后，就是创建一个对象，把获取的数据中要修改的数据存放在里面。

upFormData.append("name", value);

如下图所示：

最后就是把创建的对象传到控制器中。