AngularJs - クリックされた行のセルデータを取得する方法

Question

私はAngular Js UIグリッドを作成し、最後の列はボタンで構成されています。 そのボタンをクリックすると、その行の各セルのデータを取得する必要があります。 誰かがこれを理解するのを助けることができれば感謝するでしょう。

Answer 1

テンプレート関数にrow.entityを追加

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

、
これはあなたが（行のセル）オブジェクトのプロパティにアクセスできるようになります：

<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... 
     };