セルのrowcolオブジェクトを取得する方法UIGridのグリッドで選択されたDOM要素？

Question

私はUIGridを使用しています。 グリッド内の選択したセルのDOM要素の行 - 列オブジェクトを取得するにはどうすればよいですか？

$(".ui-grid-cell-focus")これは、現在フォーカス/選択されているセルのHTML DOMを提供します。私はこのHTML DOM値を使用してuiGridのrow-colオブジェクトを取得しようとしています。私は方法を知らない！

Answer 1

次のようにしてください。

JS

var editCellTemplate = '<div class="ngCellText"><button class="btn btn-icon-only 
green height-28" ng-click="grid.appScope.editProperty(row.entity.id)"><i 
class="fa fa-edit"></i></button></div>'; 

     vm.yourGridOptions = { 
        appScopeProvider: vm, 
        flatEntityAccess: false, 
        fastWatch: true, 
        showHeader: false, 
        columnDefs: [ 
         { 
          name: 'id', 
          field: 'id', 
          width: 240, 
         }, 
         { 
          name: 'Edit', 
          cellTemplate: editCellTemplate, 
          width: 40, 
         } 
        ], 
        data: [] 
       }; 

       //edit property 
       vm.editProperty = function (id) { 
        // your logic here 
       }; 

Answer 2

あなたのgridOptions宣言で試みることができる：

onRegisterApi: function(gridApi){ 
    gridApi.cellNav.on.navigate($scope,function(newRowcol, oldRowCol){  
    console.log(newRowcol); 
    }); 
} 

ちょうどあなたの角度のモジュールとのUIグリッド-cellNavにui.grid.cellNavを注入するようにしてくださいグリッド・ディレクティブ・ビュー。 newRowcolはあなたのrow-colオブジェクトです