是否可以阻止 jqGrid 行被选择和/或突出显示？

Question

我查看了 文档 但我无法寻找答案。有没有办法防止行在选择时突出显示？那甚至是一种完全停止选择行的方法。我喜欢“hoverrows: true”选项，但理想情况下我想阻止单击时选择一行。

谢谢，

更新： 我已经能够“粗暴地”实施一些似乎是临时修复的东西。我根本不喜欢它，并且理想地希望有一个更好的解决方案，如果有的话......

我发现，如果我

onSelectRow: function(rowid, status) {
    $('#'+rowid).removeClass('ui-state-highlight');
}

在实例化 jqGrid 时传递该选项，我可以在添加它时删除突出显示。

还有另一种更理想的方法吗？

Answer 1

使用以下代码：

beforeSelectRow: function(rowid, e) {
    return false;
}

Answer 2

如果您像我一样，拥有无数个 jqGrid，并且不想为每个 jqGrid 覆盖 onSelectRow，那么这里有一个 Reigel 解决方案的全局版本，对我来说效果很好：

jQuery.extend(jQuery.jgrid.defaults, {
    onSelectRow: function(rowid, e) {
        $('#'+rowid).parents('table').resetSelection();
    }
});

Answer 3

尝试：

onSelectRow: function(rowid, status) {
    $("#grid_id").resetSelection(); //Resets (unselects) the selected row(s). Also works in multiselect mode.
}

您可以在此处阅读文档。希望它能帮助你...

Answer 4

我想你可以直接在 CSS 中解决这个问题。只需覆盖特定表的 ui-state-highlight 值即可。

#table_id tr.ui-state-highlight {
  border: inherit !important;
  background: inherit !important;
  color: inherit !important;
}

#table_id tr.ui-state-highlight a {
  color: inherit !important;
}

#table_id tr.ui-state-highlight .ui-icon {
  background-image: inherit !important;
}

我使用值 inherit 作为示例 - 您可能需要从 theme.css 复制一些值才能完成此操作。

Answer 5

是的，使用 rowattr 回调：

rowattr: function (rowData,currentObj,rowId) {
    if (rowData.SomeField=="SomeValue") { 
        return {"class": "ui-state-disabled"};
    }
},

这也会使该行变灰并禁用选择。