选择Jquery Datatables中的所有行

Question

我有一个数据表,我可以在其中选择多行onclick但是如何在点击按钮上选择所有行,同时所有行都用选择突出显示(你能不能给出当前页面选择的例子和所有页).我编写了一个代码来获取多个选定值.

Checkbox也会这样做但是如何获得选定的值.

以下是单选和多选的代码.

 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扩展可能对您有所帮助.有一个使用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);
            }
        }
    ]
}