EasyUI带选择框的DataGrid实现点击行"不选中或取消选中"的解决方法。
2015-03-14 15:07
309 查看
var IsCheckFlag = true; //标示是否是勾选复选框选中行的,true - 是 , false - 否 $("#dg").datagrid({ rownumbers:true, url: 'LeadsData.ashx?o=list', method:'get', fit: true, striped:true, pagination: true, fitColumns: true, checkOnSelect: false, selectOnCheck: true, pageSize: 15,//每页显示的记录条数,默认为10 pageList: [15, 30, 45],//可以设置每页记录条数的列表 onLoadSuccess: function (data) { AddTipForStar(); }, onClickCell: function (rowIndex, field, value) { IsCheckFlag = false; }, onSelect: function (rowIndex, rowData) { if (!IsCheckFlag) { IsCheckFlag = true; $("#dg").datagrid("unselectRow", rowIndex); } }, onUnselect: function (rowIndex, rowData) { if (!IsCheckFlag) { IsCheckFlag = true; $("#dg").datagrid("selectRow", rowIndex); } } });
主要代码就是粗体的部分。
解决思路为,用一个标识变量来保存是否点击了单元格,如果点击了单元格则此操作不是通过复选框操作的,标识设为false。在选中和取消选中事件中判断操作来源,即IsCheckFlag的值。如果为false,选中操作执行取消选中,取消选中操作执行选中。执行之前默认把标识值设为默认值,如果是复选框操作,是不触发 onClickCell 事件的,也就是标识值会是true。
需要注意的就是
IsCheckFlag = true;
$("#dg").datagrid("unselectRow", rowIndex);
这两句的先后顺序。
如果把 IsCheckFlag = true放在下面,会形成类似死循环的情况。因为 $("#dg").datagrid("unselectRow", rowIndex); 这个事件会直接触发 onUnselect事件,而 IsCheckFlag = true; 没有执行。依次执行便会成为死循环。
相关文章推荐
- EasyUI配置当点击一个datagrid的checkbox选中或取消选中记录的时候刷新另一个datagrid数据的方法
- easyui datagrid的点击选中再点击取消选中的方法
- easyui datagrid checkbox初始化某几行disabled时,点击全选还是可以选择 解决办法
- jquery-easyui的datagrid在checkbox多选时,行选中不对应,去除高亮的解决方法
- easyui datagrid取消点击行的选中事件
- easyui datagrid checkbox初始化某几行disabled时,点击全选还是可以选择 解决办法
- easyui datagrid combobox 选择后显示valueField 而不是 textValue解决方法
- jQuery实现点击行选中或取消CheckBox的方法
- easyUI datagrid 复选框去掉选中状态,解决方法
- easyui datagrid行选中情况下,再次点击取消选中。
- easyui datagrid 只有点击checkbox才起选中或者取消作用
- 转载:jQuery点击tr实现checkbox选中的方法
- 用php实现选择排序的解决方法
- jQuery点击tr实现checkbox选中的方法
- 在 winform 中 DataGrid 中实现点击任一单元格都选中当前行
- Flex DataGrid 选不中行 选中行不变色的解决方法
- 装win8的时候选择安装分区时下一步是灰色的,无法点击解决方法(用Diskpart建立GPT磁盘、分区教程)
- javascript 单选按钮 单击选中 双击取消选择实现代码
- DataGrid中实现鼠标移入移出变色,且选择再变色,取消选择恢复原色,且原色隔行不一样的代码...