Как получить объект rowcol элемента ячейки DOM, выбранного в сетке UIGrid?

Question

Я использую UIGrid. Как я могу получить объект столбца строки элемента DOM выбранной ячейки в сетке?

$(".ui-grid-cell-focus") это дает вам HTML DOM текущей или выделенной ячейки. Я пытаюсь получить объект uiGrid row-col, используя это значение HTML DOM. Я не знаю, как это сделать!

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.grid.cellNav в ваш угловой модуль и Ui-грид-cellNav в ваш вид директивы сетки. newRowcol - это ваш объект col-col.