easyui的复选框与行的选中问题

最新推荐文章于 2023-03-31 09:46:14 发布

勉強続けてください

最新推荐文章于 2023-03-31 09:46:14 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wly_syp/article/details/78875740

本文介绍了如何处理EasyUI表格中复选框与行选中的问题。通过设置一个标识变量IsCheckFlag，记录是否点击了单元格。在单元格被点击时，IsCheckFlag设为false，而在选中和取消选中事件中，根据IsCheckFlag的值判断操作来源，从而避免因单元格点击导致的选中状态混乱。当IsCheckFlag为false时，选中事件执行取消选中，反之则执行选中。复选框操作不会触发onClickCell事件，IsCheckFlag保持为true，确保正确执行选中逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

   var isCheckFlag = true;
   $("#dg").datagrid({
       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。