Layui.Table跨页多选及换页恢复勾选

这两天项目开发过程中遇到了一个场景,需要layuitable支持跨页多选,去layui官网看了一下文档发现没有checkbox跨页复选或多选的相关实例和说明,只能自己去百度查阅资料了,经过一番查找和修改,完美实现了这个跨页多选(翻页复选)以及翻页后重新选中的功能,具体实现功能如下图:

1.首先在第一页选中三条数据

Layui.Table跨页多选及换页恢复勾选

2.然后第二页选中一条数据

Layui.Table跨页多选及换页恢复勾选

3.回到第一页自动勾选之前选中的三条数据,然后点击输出目前选中的数据,在控制台打印出来四条数据,完美实现该功能

Layui.Table跨页多选及换页恢复勾选

4.具体实现代码如下(需要关注三个位置:done表格加载完毕方法,cols中复选框栏定义,table.on中对复选框选中或取消的状态定义):

正文完
 0