JQuery EasyUI取消选中所有页勾选/选中内容
- 问题
- 解决方案
- 1、取消选中所有页勾选内容
- 2、翻页时取消选中之前页的选中内容
问题
在使用datagrid列表不同页中多选数据,有时候忘记手动取消勾选/取消选中,翻页后找不到之前勾选/选中的内容可能导致处理掉一些“无辜”数据。
注意:勾选指有勾选框,选中指选中数据行
解决方案
1、取消选中所有页勾选内容
官方提供的方法中只有:
(1)取消勾选一行——unselectRow,无参数
(2)取消选择所有当前页中所有的行——unselectAll,无参数
(3)取消勾选当前页中的所有行——uncheckAll,无参数
(4)取消勾选一行,行索引从0开始——uncheckRow,参数为index
$('#mygrid').datagrid('unselectAll','true');
$('#mygrid').datagrid('uncheckAll','true');
在部分新版本中可以通过(2)入参为true实现取消选中所有页选中内容,通过(3)入参为true实现取消勾选所有页选中内容。
2、翻页时取消选中之前页的选中内容
翻页时取消选中翻页前页面的勾选/选中内容,可省去额外的取消选中操作。
实现方法:在datagrid的options中去掉对idField属性的定义即可。
//idField: 'ID',
此方法适合所有版本,可优先选择。