jquery - 如何重置先前选择的行并突出显示 JQGrid 中的新行

Question

我选择并突出显示了第 1 行，然后选择第 2 行被突出显示；当我选择第 2 行时，我只想用 CSS 突出显示第 2 行，第 1 行应该是默认的，或者可能是第 1 行，我想删除 CSS。请帮忙

onSelectRow: function(id){
              var rowData = $(this).getRowData(id); 
              var memberId= rowData['memberId'];//replace name with any column

              if(id!==lastSel){ 


                 $(this).find('.ui-state-highlight').css({background:'#80BFFF'});
                 lastSel=id; 

                }

        }

Answer 1

看来您实际上是在修改“选定”行的 CSS。为了正确删除先前选定元素的“选定”突出显示，您还必须删除 css 修改。我建议将您的突出显示颜色放在选定的类中，然后基于此添加/删除：

CSS

.selected{
background-color:#80BFFF !important;
}

JS

onSelectRow: function(id){
          var rowData = $(this).getRowData(id); 
          var memberId= rowData['memberId'];//replace name with any column

          if(id!==lastSel){
             $(this).find(".selected").removeClass('selected');
             $('#results_table').jqGrid('resetSelection', lastSel, true);

             $(this).find('.ui-state-highlight').addClass('selected');
             lastSel=id; 

            }

    }