写一个获取layui表格里面的值方法
时间: 2023-06-07 15:09:28 浏览: 415
layui之数据表格–与后台交互获取数据的方法
好的,以下是获取layui表格里面的值的方法:
1.引入 layui 模块:
```javascript
<script src="layui/layui.js"></script>
```
2.编写表格:
```html
<table class="layui-table" lay-skin="line">
<thead>
<tr>
<th>ID</th>
<th>名称</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Apple</td>
<td>
<button class="layui-btn layui-btn-sm layui-btn-normal">编辑</button>
<button class="layui-btn layui-btn-sm layui-btn-danger">删除</button>
</td>
</tr>
<tr>
<td>2</td>
<td>Samsung</td>
<td>
<button class="layui-btn layui-btn-sm layui-btn-normal">编辑</button>
<button class="layui-btn layui-btn-sm layui-btn-danger">删除</button>
</td>
</tr>
</tbody>
</table>
```
3.获取表格数据:
```javascript
layui.use('table', function(){
var table = layui.table;
//监听单元格事件
table.on('tool(test)', function(obj){
var data = obj.data; //获取该行数据
if(obj.event === 'edit'){
//编辑操作
//使用 data.id 获取该行的 ID 值进行后续操作,如发送 Ajax 请求等
}
else if(obj.event === 'delete'){
//删除操作
//使用 data.id 获取该行的 ID 值进行后续操作,如发送 Ajax 请求等
}
});
});
```
以上就是获取 layui 表格里面的值的方法。希望对您有所帮助。
阅读全文