easyui 上 datagrid 的表头的checkbox全选时 取消选中 disabled的checkbox

时间:2023-03-08 16:04:28
easyui 上 datagrid 的表头的checkbox全选时 取消选中 disabled的checkbox

业务需求:

正常情况下,easyui的全选checkbox会选择表中全部的checkbox包括行。及时对checkbox加了disable属性也没有效果。但是现在的业务是当对checkbox加了disabled的属性,我需要不对disabled的行进行选中:

一下是我的解决方案。

1,替换掉easyui的表头的checkbox。

2,去遍历除表头以外剩下的checkbox(包含disabled的checkbox),因为我需要拿到checkbox的下标下标就是行号。有了行号就能选中行。

3,判断checkbox有没有disabled属性。有的话 不选中

下面贴上代码

easyui 上 datagrid 的表头的checkbox全选时 取消选中 disabled的checkbox

这样就能选中不为disabled的行与checkbox了。

注:之前尝试过直接 使用 attr("disabled",true),这样并没有效果,只能使checkbox打上勾,并不能选中行的数据。

本文记录自己开发历程中遇到的一些问题,如有不足或者有问题的地方,希望有人可以给出改进建议,谢谢

如要转载本文,请标明出处~谢谢!