2016-06-01 48 views
1

我已經創建了一個Angular Js UI網格,最後一列由一個按鈕組成。 當點擊那個按鈕我需要獲取該行的每個單元格的數據。 如果任何人都可以幫助我解決這個問題,將不勝感激。AngularJs - 如何獲取單擊行的單元格數據

var removeTemplate = '<input type="button" value="" style="background: url(../../Content/images/del-currency.png);widht:60px;height:30px" ng-click="removeRow()" />'; 
    $scope.selectedCurrencyGrid = { 
        data: 'selectedCurrencies', 
        multiSelect: false, 
        selectedItems: $scope.selectedCurrencyRow, 
        enableColumnResize: false, 
        enableRowSelection: true, 
        columnDefs: [ 
          { field: 'Name', displayName: 'Name' }, 
          { 
           field: 'IsDefault', 
           displayName: 'Default', 
           cellTemplate: '<input type="radio" name="radAnswer" ng-model="row.entity.IsDefault">' 
          }, 
          { name: 'Photo', field: 'photoP', displayName: '', cellTemplate: removeTemplate } 
        ] 

       }; 


$scope.removeRow = function() { 
      var index = this.row.rowIndex; 
      //need to get cell data of selected row 
     }; 

enter image description here

回答

1

添加row.entity到您的模板功能,
這會給你訪問對象屬性(行單元格):

<input type="button" value="" style="background: url(../../Content/images/del currency.png);widht:60px;height:30px" ng-click="removeRow(row.entity)" />';

確保您在功能conteroller得到一個參數:

$scope.removeRow = function (selectedRowObject) { 
      //Your logic... 
     }; 
+0

那正是我想要的,謝謝你soo多 –

+0

沒問題,我推薦看看他們的文檔,他們有很多很棒的功能。 http://ui-grid.info/docs/#/api – AranS

相關問題