jqgrid：如何更改一个单元格的类（当鼠标结束时）？

Question

我设置了网格第一列的单元格，其类如下：

$("#myGrid").jqGrid('setCell',rowid,'column_1', '', '**ui-state-default**');

当鼠标悬停在单元格上时，如何更改单元格的类？

Answer 1

这个怎么样？

$("#myGrid").hover(function(){
        $(this).find("td:first").css("background-color", "black");
    });

修改

 $("#myGrid tr").hover(
              function(){
              $(this).find("td:first").addClass('ui-state-hover');
              },
              function(){
              $(this).find("td:first").removeClass('ui-state-hover');
              }   
            );

OR

$("#myGrid tr").mouseenter(function(){
      $(this).find("td:first").addClass('ui-state-hover');
    }).mouseleave(function(){
      $(this).find("td:first").removeClass('ui-state-hover');
    });

Answer 2

我用这样的东西解决了它：

$("#myGrid tr").hover(function() { 
    $(this).find("td").eq(1).addClass('ui-state-hover');
});

$("#myGrid tr").mouseout(function() {
    $(this).find("td").eq(1).removeClass('ui-state-hover')
});

你怎么看？

Answer 3

这是我的最后一个解决方案。我将按如下方式使用它：

$("#mygrid tr").hover(
  function(){
      $(this).find("td").eq(1).removeClass('ui-state-default');
      $(this).addClass("ui-state-hover");
  },
  function(){
     if(!$(this).hasClass("ui-state-active"))
     $(this).find("td").eq(1).addClass('ui-state-default');
  }
);

$("#mygrid tr").click(function(){
  $("#mygrid tr").each(function() {
    $(this).find("td").eq(1).addClass('ui-state-default');
  });

  $(".ui-state-active").removeClass("ui-state-active");
  $(".ui-state-highlight").removeClass("ui-state-highlight");
  $(this).find("td").eq(1).removeClass('ui-state-default');
  $(this).addClass("ui-state-active");
});

它也适用于输入文本标签中的网格！