如何限制在 JQGRID 中的 Header Select All 事件中选择特定行

Question

使用 jqGrid，我通过以下事件禁用了复选框列上的行选择：

beforeSelectRow: function (rowid, e) {
    var $myGrid = $(this),
        i = $.jgrid.getCellIndex($(e.target).closest('td')[0]),
        cm = $myGrid.jqGrid('getGridParam', 'colModel');

    var rowData = $grid.getRowData(rowid);
    var $isSelectable = true;
    if (rowData != null) {
        if (rowData.Status == -1) // Row selection depends on 'Status' property row data ( -1 : not selectable else selectable)
            $isSelectable = false;
        }
        return $isSelectable;
    },

但是当我尝试单击标题复选框时，它会选择所有行。我正在尝试使用事件onSelectAll，但它在行选择过程之后被调用，并且我无法在行选择更改之前找到调用的适当事件。请提出适当的解决方案。

编辑：

网格的复选框即使被禁用也可能具有值（即选中/未选中）。

网格具有导航到另一个页面的超链接。

Answer 1

实现您的要求的最简单方法是使用rowattr 来禁用 Status 等于-1 的行。

The demo 使用free jqGrid 4.10.0，选择所有行的结果如下图所示：

它使用以下rowattr：

rowattr: function (rd) {
    if (rd.closed) {
        return {
            "class": $(this).jqGrid("getGuiStyles", "states.disabled")
        };
    }
}

代码使用closed 列而不是Status 列，并且在您的情况下，演示的输入值是布尔值而不是数字或字符串。您可以根据自己的目的轻松修改上述代码。

如果使用旧的 jqGrid 4.5.2 可以将上面的代码修改为

rowattr: function (rd) {
    if (rd.closed) {
        return {
            "class": "ui-state-disabled ui-jqgrid-disablePointerEvents"
        };
    }
}

并定义CSS类ui-jqgrid-disablePointerEvents如下：

.ui-jqgrid-disablePointerEvents {
    pointer-events: none;
}

The demo 使用 jqGrid 4.5.2，它也可以工作。