セルテンプレートボタンをクリックすると現在の行をハイライト表示する方法グリッド

Question

グリッド上でui-grid-selectionを有効にしました。その結果、行が選択されると強調表示されますが、セルテンプレートボタンがクリックされた場合にのみ表示されます。これを行う方法を教えてください。

Code Sample

Answer 1

は最後にthat.Here answerある操作を行うための方法を見つけることができました。私がやったこと

は、グリッドオプションで

1. がenableRowSelection: falseを変更し、でした。
2. セルテンプレートボタンに機能を追加します。

ボタンセルテンプレート

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

所与の行OBJを選択する機能を実装します。

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

テンプレートボタンを再度クリックされたときに、選択した行の選択を解除したい場合は、このブールvalue.Hereが更新機能コードスニペットで返されますrow.isSelectedを使用することができます。

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