如何在 UI-grid 的 celleditablecondition 中传递 row.entity？

Question

我正在尝试根据同一行中其他单元格的内容设置 cellEditableCondition。

为此，我如何将 row.entity 传递给 cellEditableCondition？

我尝试将行作为参数传递给函数定义的 oncellEditableCondition，但该行对象没有实体属性。

我想要如下内容：

columnDefs: [{
  name: 'column1',
  field: 'name',
  cellEditableCondition: function(row) {
    return row.entity.lastname === 'Adams'
  }

}, {
  name: 'column2',
  field: 'lastname'
}]

Answer 1

对您的代码进行的这个小调整应该可以做到：

var app = angular.module('app', ['ui.grid', 'ui.grid.edit']);
app.controller('MainCtrl', ['$scope', function($scope) {
  $scope.gridOptions = {
    columnDefs: [{
      name: 'column1',
      field: 'name',
      cellEditableCondition: function(scope) {
        return scope.row.entity.lastname === 'Adams'
      }
    }, {
      name: 'column2',
      field: 'lastname'
    }],
    data: [{name: "Tim", lastname: "Harker"},
           {name: "Akash", lastname: "Adams"}]
  }
}]);

div[ui-grid] {
  height: 130px;
}

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-grid/4.0.2/ui-grid.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/angular-ui-grid/4.0.2/ui-grid.min.css" />
<div ng-app="app" ng-controller="MainCtrl">
  <div ui-grid="gridOptions" ui-grid-edit>
  </div>
</div>

如果您有任何其他问题，请告诉我。如果需要，很乐意进一步提供帮助。

如何在 UI-grid 的 celleditablecondition 中传递 row.entity？

How to pass row.entity inside celleditablecondition in UI-grid?

angularjs

angular-ui

ui-grid