jquery-easyui的datagrid在checkbox多选时,行选中不对应

页面导航:首页 > 网络编程 > JavaScript > jquery-easyui的datagrid在checkbox多选时,行选中不对应

jquery-easyui的datagrid在checkbox多选时,行选中不对应

来源: 作者: 时间:2016-02-20 09:48 【

65279; 65279;jquery-easyui的datagrid在checkbox多选时,行选中不对应,去除高亮的解决方法工作中用到一个具有多选功能的easyui-datagrid在处理cell的点击事件时,不允许被选中行的需求。如下图,
jquery-easyui的datagrid在checkbox多选时,行选中不对应,去除高亮的解决方法

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

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


\


<喎"http://www.2cto.com/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+zeqzydXiuPbQ6Mfzo6zG5Mq11rvQ6NKqvatkYXRhZ3JpZLXEY2hlY2tPblNlbGVjdMr00NTJ6NbDzqpmYWxzZb7Nv8nS1MHLoaM8L3A+CjxwPjxicj4KPC9wPgo8cD7Iu7b4o6y1scno1sO4w8r00NS686Os0MK1xM7KzOK+zcvm1q6z9s/WwcuhozwvcD4KPHA+PGltZyB3aWR0aD0="400" height="100" src="http://www.2cto.com/uploadfile/Collfiles/20141028/20141028091321118.png" alt="\">

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

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

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

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

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


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





Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<