首页 前端知识 JQuery EasyUI取消选中所有页勾选/选中内容

JQuery EasyUI取消选中所有页勾选/选中内容

2024-06-26 00:06:17 前端知识 前端哥 877 542 我要收藏

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',

此方法适合所有版本,可优先选择。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/13600.html
标签
easyui
评论
发布的文章

JSON、Ajax

2024-07-27 22:07:31

JsonNode、ObjectNode和ArrayNode

2024-07-27 22:07:30

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!