【easyUI】取消easyui行点击选中事件,智能通过勾选checkbox才能选中行
阅读原文时间:2023年07月08日阅读:2

背景:项目中使用easyui作为前端架子。datagrid默认是点击行就选中此行然后变色。

需求:点击行不让此行选中;只能通过点击复选框才能选中某一行。

解决思路:

  1、写点击行函数function onClickRow(rowIndex,rowData){}

  2、查询当前datagrid所有选中行。

  3、遍历选中行。对比选中行索引和点击行的索引:如果点击行的索引在所有选中行中,则取消点击行的选中状态;如果不存在,则选中点击行。

代码:

延伸:

  在解决这个问题的时候看到js中Set对象的使用。如果使用Set对象,上面的代码则变成下面这样:

使用Set对象(此情景并不适用Set对象,为以后使用打下基础吧)

手机扫一扫

移动阅读更方便

阿里云服务器
腾讯云服务器
七牛云服务器

你可能感兴趣的文章