从 DataTable 中获取所有行，包括那些被过滤掉的行

Question

我正在使用出色的 jQuery Datatables 插件。

我有一个简单的表格，其中每一行的第一列是一个带有 .chk-items 类的复选框。

我希望用户能够选择多行，然后对已选中复选框的所有行执行操作。这可能包括选中一个或多个框，使用 SEARCH 工具进行过滤，然后选中其他框。这当然意味着某些被检查的行不再可见（即它们已被过滤掉）。

我目前有以下处理检查的行：

var tableData = new Array([]);
var idx = 0;
$('.chk-items').each(function() {
//Add checked items to next tab
    if($(this).is(':checked')) {
        //Get the selected row data into an array
        var rowData = (this).closest('tr').children("td").map(function() {
            return $(this).text();
        }).get();
        tableData[idx] = rowData;
        idx = idx + 1;
    }
})

但是，当其中一个选中的行被搜索过滤掉时，这不起作用。

任何人都可以建议一种方法来更改它以处理被搜索过滤掉的检查行吗？

Answer 1

解决方案

使用 DataTables API 方法 $() 对整个表执行 jQuery 选择操作。

var table = $('#example').DataTable();

// ... skipped ...

var tableData = [];
table.$('.chk-items').each(function() {
   // Add checked items to next tab
    if($(this).is(':checked')) {
        // Get the selected row data into an array
        var rowData = $(this).closest('tr').children("td").map(function() {
            return $(this).text();
        });

        tableData.push(rowData);
    }
});

演示

有关代码和演示，请参阅this jsFiddle。

链接

有关在 jQuery DataTables 中使用复选框的更多信息，请参阅jQuery DataTables - How to add a checkbox column。