2016-05-12 56 views
0

我正在使用UIGrid。 如何獲取網格中選定單元格DOM元素的行列對象?如何獲取在UIGrid網格中選擇的單元DOM元素的rowcol對象?

$(".ui-grid-cell-focus")這爲您提供了當前聚焦/選定單元格的HTML DOM。我試圖使用這個HTML DOM值來獲取uiGrid行列對象。我不知道該怎麼辦!

+0

你想獲得價值對象或實際的dom?你可以顯示你已經嘗試過(代碼) – CodingNinja

+0

@CodingNinja,我已經更新了我的問題。謝謝 –

回答

0

請嘗試如下所示。

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 
       }; 
+0

謝謝你的迴應。但是,這不是我所期望的。我期待rowCol對象,它是包含行對象和列對象的當前單元格的JS對象。與UIGrid的行列信息相關的數據不多,但更多。 –

0

你可以嘗試在你的gridOptions聲明:

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

只是一定要注入ui.grid.cellNav到你的角模塊和UI併網cellNav在你的網格指令視圖。 newRowcol是你的排行對象

相關問題