解决layui的table.checkStatus失效问题

当我们使用layui的table组件进行表格渲染时，可能会遇到table.checkStatus()失效的问题。这个问题通常出现在表格内容为动态加载，并且通过ajax请求获取的情况下。下面就针对这个问题，提供一些解决方法。

解决方法一：事件代理

事件代理是在父级元素上监听子级元素的事件，然后在子级元素被点击时进行处理。在这个问题中，我们可以通过在table的容器上进行点击事件代理，从而获得table数据和选中的行数据。

示例代码如下：

//监听table容器的click事件
$('#tableContainer').on('click', 'tr', function () {
    //获取table列表数据
    var tableData = table.cache['table'];
    //获取当前点击行的index
    var rowIndex=$(this).data('index');
    //获取选中行数据
    var checkedData=[];
    //遍历所有行数据
    for(var i=0;i<tableData.length;i++){
        //如果该行数据中的LAY_CHECKED属性为true，则说明该行被选中
        if(tableData[i].LAY_CHECKED){
            checkedData.push(tableData[i])
        }
    }
    console.log("当前选中的行数据为：",checkedData);
});

解决方法二：使用done回调函数

table.checkStatus()方法会在表格首次渲染时初始化，在ajax请求加载完数据之后，表格已经渲染完成，此时再调用checkStatus会失效。因此我们可以在ajax请求完成后，通过done回调函数获取checkStatus数据。

示例代码如下：

//请求数据
$.ajax({
    type: "GET",
    url: "/api/tableData",
    success: function (res) {
        console.log("数据请求成功：",res);
        //渲染table
        table.render({
            elem: '#table',
            data: res.data,
            cols: [[
                {type:'checkbox'},
                //省略其他列
            ]],
            done: function(res, curr, count){
                //通过done回调函数获取选中行数据
                var checkedData = table.checkStatus('table').data;
                console.log("当前选中的行数据为：",checkedData);
            }
        });
    }
});

以上就是解决layui的table.checkStatus失效问题的两种常用方法。无论是事件代理还是done回调函数，都可以获取选中行数据，让我们在实现对表格的操作时更加便捷。