checkbox服务器标记的格式不正确.,jquery-easyui的datagrid在checkbox多选时,行选中不正确应,去除高亮的解决方法...

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

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

例如以下图,点击“查看”时,仅仅是为了查看具体信息,并非须要选择行。

KE5QA9LZ5L

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaV9jaGVuamlhaHVp/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" style="width:887px; height:101px">

完毕这个需求,事实上仅仅须要将datagrid的checkOnSelect属性设置为false就能够了。

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

KE5QA9LZ5L

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaV9jaGVuamlhaHVp/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" style="width:881px; height:100px">

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

onSelect:function(rowIndex, rowData){

$('#datagrid2').datagrid('unselectRow',rowIndex);

},

onCheckAll:function(rows){

$('#datagrid2').datagrid('unselectAll');

}

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

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

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

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



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值