<easyui datagrid实现只有选择多选框才能实现多选
代码如下:
$('#sluiceuseruserListDatagrId').datagrid({ url:'<{:url("Security/sluiceuser_List")}>?type=0', toolbar: '#sluiceListDatagrId_toolbar', fit: true, border: false, fitColumns: true, rownumbers: true, singleSelect: false, pagination: false, pageSize: '<{$Think.cookie.pagesize}>' ? '<{$Think.cookie.pagesize}>' : 20, columns:[[ {field:'ck',title:'全选',checkbox:true}, {field:'camera_name',title:'设备名称',align:'left',valign:'center'}, {field:'camera_url',title:'设备地址',align:'left',valign:'center'}, {field:'devicecode',title:'设备编号',align:'left',valign:'center'}, {field:'remark',title:'备注',align:'center',valign:'center'}, {field:'operaid',title:'管理操作',align:'center',valign:'center',formatter:sluiceuser_addformatter}, ]], onClickRow:function(index,row){ //以下代码实现了当点击的行元素不是多选框的时候,取消所有多选,只选择当前点中的行 //这样就实现了只有点多选框的时候才能多选,点行的时候不会多选扰乱视觉 //获取当前点击的行 var rowindex=$('#sluiceuseruserListDatagrId').datagrid('getRowIndex',row); //获取所有行 var rows=$('#sluiceuseruserListDatagrId').datagrid('getRows'); //循环所有行 for(var i=0;i>