如何在angualar UI Grid中单击单元格模板按钮时突出显示当前行

Question

我在网格上启用了ui-grid-selection。因此，当选择行时，它会突出显示但我的要求是我只想在单击单元格模板按钮时突出显示该行。请让我知道怎么做。

Code Sample

Answer 1

最后能够找到一种方法。这是answer。

我做的是，

1. 在网格选项中更改了enableRowSelection: false。
2. 向细胞模板按钮添加功能。

按钮单元格模板

<div><button class="btn btn-default" ng-click="grid.appScope.selectRow(row)">O</button></div>

1. 实现一个函数来选择给定的行obj。

   $scope.selectRow = function(row) { row.setSelected(true); };

如果要在再次单击模板按钮时取消选择所选行，可以使用row.isSelected这将返回布尔值。这是更新的功能代码段。

$scope.selectRow = function(row) {
       if(row.isSelected!=true){
         //Select the row
         row.setSelected(true)
       }else{
          row.setSelected(false)
       }
  };