通过 ajax 加载数据时如何保持 Datatable 复选框的状态。答案

【问题标题】：How to maintain state of checkboxes of Datatable when data loaded via ajax.通过 ajax 加载数据时如何保持 Datatable 复选框的状态。
【发布时间】：2016-11-15 15:03:14
【问题描述】：

我正在尝试通过服务器端调用加载 Datatable 行。我有大约 30000 个数据。默认情况下，我每页加载了 200 个数据，并带有分页。每行包含复选框。现在的问题是，假设我在 200 个数据中选中了 5 个复选框，接下来当转到下一页并再次返回上一页时，5 个复选框显示我未选中。即使我浏览页面，我现在如何保持复选框的状态。请帮我给出一个解决方案。谢谢。

【问题讨论】：

长答案简短：保存复选框的状态并在需要时恢复它。 :)
复选框是直接与/部分数据相关还是外部？换句话说，每一行是否有一个（示例）isActive 列，其值为 1/0、t/f，或者这些复选框是否用于在 DataTables 中选择要操作的行？

标签： ajax datatables

【解决方案1】：

请参阅jQuery DataTables Checkboxes 扩展，它提供了在客户端和服务器端处理模式下处理表格中的复选框的通用解决方案。

例如：

var table = $('#example').DataTable({
   'processing': true,
   'serverSide': true,
   'ajax': '/your/script',
   'columnDefs': [
      {
        'targets': 0,
        'checkboxes': true
      }
   ],
   'order': [[1, 'asc']]
});

【讨论】：