javascript - 如何使用 cellClass 函数突出显示 UI Grid 中的唯一单元格？

Question

我的要求是我想通过行号和列号突出显示特定的单元格。但是当我滚动网格时给定的 plunked 其他单元格也被突出显示。看来我还没有理解 UI 网格 cellClass 方法。谁能启发我？如果我的理解不正确，我将如何实现仅突出显示特定单元格的功能(引用行号和列号。)

下面是我的代码和plunker的核心部分。

var uniqueCellInfoArr = [{"row":2,"col":1},{"row":4,"col":1} ]
cellClass: function(grid, row, col, rowRenderIndex, colRenderIndex) 
        {
          for (var i = 0; i < uniqueCellInfoArr.length; i++)
          {
            if ( uniqueCellInfoArr[i].row == rowRenderIndex &&  uniqueCellInfoArr[i].col == colRenderIndex)
            {
              return "red"
            }
          }

http://plnkr.co/edit/5xQoKiKIL8vY8EeLsJG5?p=preview

Answer 1

rowRenderIndex、colRenderIndex 是在表格中呈现的单元格的索引。当您向下滚动时，单元格会再次呈现，因此索引会停止。

更好的解决方案是根据它的值突出显示单元格，你可以这样做

var uniqueCellInfoArr = ['Velity','Suretech'];

cellClass: function(grid, row, col, rowRenderIndex, colRenderIndex) 
    {
      var cellValue = grid.getCellValue(row, col);
      if(uniqueCellInfoArr.indexOf(cellValue) > -1) return 'red';
    }

正在工作的 plunker:http://plnkr.co/edit/g2QoWcWdP5FYKOwMOUm8?p=preview