jquery - 选择 Jquery 数据表中的所有行

Question

我有一个数据表，其中我可以在单击时选择多行，但是如何在单击按钮时选择所有行，同时所有行都通过选择突出显示(您能否给出当前页面的选择示例)以及所有页面)。我编写了一段代码来获取多个选定的值。

复选框也可以，但如何获取选定的值。

下面是单选和多选的代码。

 var oTable = $("#example").dataTable();

    $('#example tbody').on('click', 'tr', function() {
                        $(this).toggleClass('selected');

    });

用于在提交按钮时获取所选值的代码。

var row = oTable.rows('.selected').data();

var jsonArr = "[";

        if(row != null && row.length){

            for (var i = 0; i < row.length; i++) {
                var row1 = row[i]; // this will give me one row details
                        // row1[0] will give me column details
                        jsonArr = jsonArr + "{\"ID\":" + row1[0] + "},";

                }   
             jsonArr = jsonArr + "]";

Answer 1

可能对您有帮助的是TableTools extension 。有一个example带有 select_all 和 select_none 按钮，这些按钮适用于所有页面。

一个默认限制是 select_all 将忽略当前过滤，但这很容易使用下面的代码解决。向 fnSelectAll 提供“true”参数可启用过滤器感知选择。

tableTools: {
    sRowSelect: 'multi',
    aButtons: [
        {
            sExtends: 'select_all',
            sButtonText: 'Select All',
            fnClick: function (nButton, oConfig, oFlash) {
                TableTools.fnGetInstance('example').fnSelectAll(true);
            }
        }
    ]
}