layui获取table数据-layui表格数据获取秘籍，一次搞定

layui是一款基于jQuery的前端UI框架，被广泛应用于各种Web开发项目中。其中，table作为常见的数据展示和操作组件，其使用非常方便。那么，在layui中如何获取table中的数据呢？下面我将从三个方面进行介绍。

一、获取选中行数据

在layui中，我们可以通过监听table的checkbox选择事件来获取选中行的数据。代码如下所示：

javascript
layui.use('table', function(){
  var table = layui.table;
  table.on('checkbox(test)', function(obj){
    var checkStatus = table.checkStatus('test');
    var data = checkStatus.data;
    console.log(data);
  });
});

在上述代码中，'test'是table的lay-filter属性值，通过该属性值来确定需要监听的table组件。当用户选择或取消选择checkbox时，触发checkbox选择事件，并通过table.checkStatus方法获取选中行的数据。

二、获取所有行数据

如果我们需要获取表格中所有行的数据，可以使用layui提供的table.cache方法。代码如下所示：

javascript
layui.use('table', function(){
  var table = layui.table;
  var data = table.cache['test'];
  console.log(data);
});

在上述代码中，'test'同样是table的lay-filter属性值，通过该属性值来确定需要获取数据的table组件。然后，通过table.cache['test']即可获取到所有行的数据。

三、获取单元格数据

有时候，我们需要获取表格中某个单元格的数据。在layui中，我们可以通过table的方法来实现。代码如下所示：

javascript
layui.use('table', function(){
  var table = layui.table;
  table.on('tool(test)', function(obj){
    var data = obj.data;
    var field = obj.field;
    console.log(data[field]);
  });
});

tokenpocket钱包：https://masbdc.com/zfj/12888.html