带有标题和行中复选框的Jquery数据表:选中所有复选框不起作用

Question

我在用Jquery Datatable.我希望第一列包含标题和带复选框的行,并且应该选中标题复选框和剩余行的复选框.我有以下实施.

数据表属性

  "aoColumns": [{ "sTitle": "<input type='checkbox' id='selectall' onclick='toggleChecks(this);' ></input>", "mDataProp": null, "sWidth": "20px", "sDefaultContent": "<input type='checkbox' ></input>", "bSortable": false },null,null,null,null,null,null]

数据表行

<td><input type="checkbox' class="case"></input></td>

Javascript功能

  function toggleChecks(obj)
    {
        $('.case').prop('checked', obj.checked);
    }

我在单页时工作正常.但是当我进行分页时,其他页面的复选框仍未选中.如何实现这一点,使所有复选框的行为一致.请协助.

Answer 1

当页面更改时，您应该使用函数 fnDrawCallback 来更新表。

您可以在此函数中检查标题复选框的值并更新新行复选框。

您还可以向模型中的对象添加布尔值，并在选中或取消选中时更改该值。如果您访问模型，您可以修改所有元素的值，而不仅仅是渲染的元素。然后，当您加载单元格时，您可以使用复选框来表示真/假。这是最一致的方法，但可能需要更多的工作才能在模型和视图之间获得良好的同步。