





















业务需求:
有一个主机列表,大概几百条数据,一次性发给前端,使用 DataTable 在前端进行分页后,使用 Checkbox 进行选择后,再发送给后端处理。
前端进行分页,要支持跨页全选,选择等功能。
问题:
DataTable 怎么跨页对 Checkbox 进行全选?现在发现 Datatable 其实应该有地方存储了 checkbox 的状态,推断应该找到相关的地方,设置下所有 row 对应 checkbox 的状态就可以了。但是没有找到这样的 api
第 1 条附言 · 2021 年 4 月 19 日
我找到了一个方法,使用如下方式可以获取到每行的 html node 。
这里的,是所有的行。包括没有显示的非当前页的行,也可以获取到。
$('#table').DataTable().row(0).node()
然后查找 input,获取 checkbox
$($('#table').DataTable().row(0).node()).find('input')
设置 checkbox 的选中状态就可以了
$($('#table').DataTable().row(0).node()).find('input').prop("checked", is_checked)
使用
$('#table').DataTable().rows().count()获取所有行的 count,遍历一下就可以了。
多谢各位。
此内容由惯性聚合(RSS阅读器)自动聚合整理,仅供阅读参考。 原文来自 — 版权归原作者所有。