jqGrid 禁用行突出显示

Question

当您将鼠标悬停在某行上时，如何以编程方式禁用网格突出显示该行？希望仅在某些时间禁用此功能。

---

这是 Oleg 的有效代码：

  $('#result-close').click(function() {  
      //Turn off hover highlighting
      $("#list").unbind('mouseover');
      $("#list").unbind('mouseout');

      //Highlight row                    
      $("#" + selid).effect("highlight", {}, 5000);  

      //Turn on hover highlighting 
      setTimeout(function(){ 
                    $("#list").bind('mouseover',function(e) {
                        ptr = $(e.target).closest("tr.jqgrow");
                        if($(ptr).attr("class") !== "subgrid") {
                            $(ptr).addClass("ui-state-hover");
                        }
                        return false;
                    }).bind('mouseout',function(e) {
                        ptr = $(e.target).closest("tr.jqgrow");
                        $(ptr).removeClass("ui-state-hover");
                        return false;
                    });
      }, 2000);         

      $('#dialog').dialog( "close" );
  });

Answer 1

使用 hoverrows:false 选项。

Answer 2

简单的 Google 搜索揭示了这个来源： http://www.trirand.net/examples /appearance/highlight_on_hover/default.aspx

“默认情况下，jqGrid 在悬停时突出显示行。这是由 AppearanceSettings.HighlightRowsOnHover 属性控制的 - 将其设置为 false 将禁用它。”

Answer 3

我目前正在用一个中间函数替换现有的鼠标悬停处理程序，如果启用了网格，该函数只调用现有的处理程序，如下所示：

var enabled = true;
var jqe = jQuery("#grid");
var mouseover = jqe.data('events').mouseover[0].handler;
jqe.unbind('mouseover');
jqe.bind('mouseover', function() {
    if (enabled) {
        mouseover.apply(this, arguments);
    }
});

这样我就不必复制 jqgrid 事件代码。

我不喜欢使用 mouseover[0].handler，但它目前有效。