首页 > Web开发 > 详细

jquery-easyui的datagrid在checkbox多选时,行选中不对应,去除高亮的解决方法

时间:2014-10-28 00:48:59      阅读:352      评论:0      收藏:0      [点我收藏+]
jquery-easyui的datagrid在checkbox多选时,行选中不对应,去除高亮的解决方法

工作中用到一个具有多选功能的easyui-datagrid在处理cell的点击事件时,不允许被选中行的需求。

如下图,点击“查看”时,只是为了查看详细信息,并不是需要选择行。


bubuko.com,布布扣


完成这个需求,其实只需要将datagrid的checkOnSelect属性设置为false就可以了。


然而,当设置该属性后,新的问题就随之出现了。

bubuko.com,布布扣

  目前的办法是使用以下代码去除高亮:  (本来是打算处理成checkbox选中的行高亮显示,奈何刚开始使用easyui功力不够)

onSelect:function(rowIndex, rowData){
 $('#datagrid2').datagrid('unselectRow',rowIndex);
},
onCheckAll:function(rows){
 $('#datagrid2').datagrid('unselectAll');
}  

使用以上代码之后,要获取到checkbox选中的所以行数据,则使用以下代码:

var checkedItems = $('#datagrid2').datagrid('getChecked');

开始上面这行代码一直只返回一行数据,后来仔细再看了下,这行代码使用也是有前提的,就是必须指定idField。


若以后想到办法做到checkbox选中的行高亮显示,会继续补充。






jquery-easyui的datagrid在checkbox多选时,行选中不对应,去除高亮的解决方法

原文:http://blog.csdn.net/i_chenjiahui/article/details/40518473

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!