JQgrid单元格编辑场景下onCellSelect事件无法触发的问题咨询

为什么cellEdit开启后onCellSelect会被禁用？ #

当你开启cellEdit: true启用单元格内联编辑时，JQGrid的内部逻辑会完全接管单元格的点击行为——点击单元格的核心目的是触发编辑控件渲染，而onCellSelect原本的“单元格选中”事件会和编辑触发流程产生冲突。官方直接禁用该事件，是为了避免事件触发顺序混乱、重复执行逻辑，确保编辑流程的一致性，毕竟此时“选中单元格”和“触发编辑”是强绑定的操作，没必要拆分两个事件。

单元格编辑前预处理的可行方案 #

要在输入框渲染到DOM前执行移除格式化器这类操作，别再盯着onCellSelect了，用JQGrid专门提供的编辑前置事件更靠谱：

方案1：使用beforeEditCell事件（推荐） #

这是官方为单元格编辑流程设计的前置钩子，会在编辑控件渲染之前触发，刚好匹配你的需求。示例代码：

$("#yourGridId").jqGrid({
    // 已有的配置
    cellEdit: true,
    cellsubmit: 'clientArray',
    restoreCellonFail: true,
    // 新增beforeEditCell事件处理
    beforeEditCell: function(rowid, cellname, value, iRow, iCol) {
        // 定位到目标单元格
        const $cell = $(`#${rowid}_${cellname}`);
        // 执行预处理：比如移除格式化器效果，还原原始值
        $cell.text(value);
        // 如果是自定义格式化器，也可以在这里重置单元格内容或样式
    }
});

这个事件的参数包含了当前编辑单元格的所有关键信息（行ID、列名、当前值、行列索引），足以完成各种预处理操作。

方案2：手动绑定单元格点击事件（特殊场景用） #

如果因为某些特殊需求必须通过点击触发预处理，可以手动给单元格绑定click事件，但要注意避免和JQGrid的编辑逻辑冲突：

$("#yourGridId").on('click', 'td', function(e) {
    const $td = $(this);
    const rowid = $td.closest('tr').attr('id');
    const iCol = $td.index();
    const colModel = $("#yourGridId").jqGrid('getGridParam', 'colModel');
    const cellInfo = colModel[iCol];

    // 只处理可编辑的单元格
    if (cellInfo.editable) {
        // 执行预处理操作，比如移除格式化内容
        const rawValue = $("#yourGridId").jqGrid('getCell', rowid, cellInfo.name);
        $td.text(rawValue);
        // 手动触发单元格编辑（如果需要）
        $("#yourGridId").jqGrid('editCell', $td.closest('tr')[0].rowIndex, iCol, true);
    }
});

这种方法需要自己处理编辑触发逻辑，容易出现兼容性问题，非必要不推荐。

内容的提问来源于stack exchange，提问作者Pills