layui表格获取id传值
时间: 2024-04-21 19:06:40 浏览: 211
在 layui 表格中,可以通过监听表格的工具条事件(`toolbar`),获取选中行的数据,并从中提取出需要的 id 值,再将其传递给后台进行处理。
具体实现步骤如下:
1. 在表格的 `toolbar` 中添加一个按钮,用于触发事件:
```javascript
toolbar: '#toolbarDemo',
```
```html
<script type="text/html" id="toolbarDemo">
<div class="layui-btn-container">
<button class="layui-btn layui-btn-sm" lay-event="getSelected">获取选中行id</button>
</div>
</script>
```
2. 监听表格的工具条事件,在事件处理函数中获取选中行的数据,并从中提取出需要的 id 值:
```javascript
table.on('toolbar(test)', function(obj){
var checkStatus = table.checkStatus(obj.config.id);
switch(obj.event){
case 'getSelected':
var data = checkStatus.data;
var ids = [];
layui.each(data, function(index, item){
ids.push(item.id);
});
console.log(ids); // 打印选中行的 id 值
break;
};
});
```
在上述代码中,`checkStatus.data` 表示获取当前选中的数据行,`item.id` 表示获取每行数据中的 id 值。
3. 将获取的 id 值传递给后台进行处理。
注意:在传递 id 值时,需要将其转换为字符串或数组形式,具体根据后台接口的要求进行处理。
阅读全文