layui表格数据操作

layui表格删除某一行数据或者修改某一行数据，或者下架某一行的商品，文章。以及批量删除数据和批量下架商品或批量修改数据状态。

工具/原料

layui

phpstorm

页面布局

1、为满足需要，我们需要有删除，下架，发布等操作按钮，批量删除，批量下架，和批量发布按钮，所以最总页面大概是如图所示。

layui表格数据单行操作

1、layui表格单行删除功能制作，根据前面我们已经完成单一操作功能的模板templet。这是模板中的删除按钮<button class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</button>，所以只需以下步骤来完成删除1、监听table行工具事情table.on('tool(acticle)'),这里注意tool是事情名，可以理解为lay的规定名称，acticle是绑定在table是的lay-filter的值这个是我们自己定义的可以更改2、获取事件名，也就是这里table.on('tool(acticle)',function(obj)){}obj的even的值，判断是否与我们删除button上的lay-even相同，相同则为删除事件。3、执行删除操作，obj.del(),obj代表的是这当前行对象，细节看图片。这里我们是执行ajax请求然后删除前端相应节点，并提示相关操作信息，可以看到图中当请求成功后，删除前端节点然后提示消息。