使用 Jquery 从 DataTable 中选择所有页面的所有内容

Question

我正在使用一个包含多个页面的 DataTable。我使用全选（基于 jQuery）的功能，它可以很好地选择当前正在查看的页面中的所有记录。但问题是

我无法选择表中不同页面的所有记录

如果我在一个页面中选择记录并移动到下一页，则在第一页中选择的记录将丢失。

选择所有脚本

$(document).ready(function() {
    $('#checkall').click(function(event) {  //on click 
        if(this.checked) { // check select status
           $('.checkbox1').each(function() { 
              this.checked = true;  
           });
        }else{
           $('.checkbox1').each(function() { 
              this.checked = false;                      
           });         
        }
    });
});

有人可以帮忙吗？

谢谢

Answer 1

jQuery DataTables 从 DOM 中移除未显示在屏幕上的元素。

使用$() DataTables API 方法可以访问表中的所有节点，而不仅仅是屏幕上显示的节点。

$('#checkall').click(function(){
    table.$('.checkbox1').prop('checked', this.checked);
});

Answer 2

通过在 DOM 上使用 jQuery，您只能访问可见行。您将需要访问 dataTables 表的内部版本，即它的“缓存”。这是一个遍历所有行的“checkall”函数，更改类 .checkbox1 的复选框的选中状态：

$('#checkall').click(function(event) {  //on click 
  var checked = this.checked;
  table.column(0).nodes().to$().each(function(index) {    
    if (checked) {
      $(this).find('.checkbox1').prop('checked', 'checked');
    } else {
      $(this).find('.checkbox1').removeProp('checked');            
    }
  });    
  table.draw();
});

演示 -> http://jsfiddle.net/05xnxzbd/

实际上可以通过几种不同的方式完成上述操作。这是最简单的方法，我们知道第一列存在一个复选框。使用 to$() 让我们立即在内容上使用 jQuery。

您也可以遍历table.rows().data().each(function(.. 并定位多个包含不同复选框的列等。