javascript - jqgrid 中的多个复选框列。处理onchange事件

Question

我正在创建一个带有可编辑字段的 jqgrid。我在 jqgrid 中有 2 个复选框列，一个来自多选:true(以获得唯一的 rowId)，其他列是在列模型中创建的。

我想处理列模型中复选框的 onchange(checked/unchecked) 事件，独立于其他复选框列 (multiselect:true)。任何帮助表示赞赏。下面是代码片段。

[{name : "userRole", label: 'OV', width: 40, editable:true, edittype:'checkbox',formatter: 'checkbox', editoptions: {value:"True:False"},
 formatoptions: { disabled: false},frozen:true}]
multiselect: true,
 onSelectRow: function(rowid){ 
             jQuery(this).editRow(rowid, true);
            }

Answer 1

您可以使用 beforeSelectRow 回调。 The demo演示方法。它使用以下代码

beforeSelectRow: function (rowid, e) {
    var $target = $(e.target), $td = $target.closest("td"),
        iCol = $.jgrid.getCellIndex($td[0]),
        colModel = $(this).jqGrid("getGridParam", "colModel");
    if (iCol >= 0 && $target.is(":checkbox")) {
        alert("checkbox is " +
              ($target.is(":checked")? "checked" : "unchecked") +
              " in the column \"" + colModel[iCol].name +
              "\" in the row with rowid=\"" + rowid + "\"");
    }
    return true;
}