是否可能导致 UI-Grid 的 afterCellEdit 人为触发？

Question

我在继承的应用程序中有此代码：

onRegisterApi: function(gridApi) {
    $scope.gridApi = gridApi;
    $scope.gridApi.edit.on.afterCellEdit($scope,
        function(rowEntity, colDef, newValue, oldValue) {
    }
}

我已经更新了将数据绑定到 UI 网格的 gridOptions 对象，因此我希望 afterCellEdit 回调触发呈现更新数据的单元格。

这可能吗？

Answer 1

在回答您的问题时，这就是您如何在网格外更新任何网格数据时导致 UI-Grid 的 afterCellEdit 人为触发...

var app = angular.module('app', ['ui.grid', 'ui.grid.edit', 'ui.grid.cellNav']);
app.controller('MainCtrl', ['$scope', '$timeout', function($scope, $timeout) {
  $scope.gridData = [{"FirstName": "Matt", "LastName": "W", "Job": "Stack Overflow User"},
                     {"FirstName": "Tim", "LastName": "Harker", "Job": "Stack Overflow User"}];
  $scope.$watch('gridData', function(newValues, oldValues) {
    for (var i = 0; i < newValues.length; i++) {
      if (!angular.equals(newValues[i], oldValues[i])) {
        for (var property in oldValues[i]) {
          if (oldValues[i].hasOwnProperty(property)) {
            if (oldValues[i][property] != newValues[i][property]) {
              $scope.gridApi.edit.raise.afterCellEdit(newValues[i], null, newValues[i][property], $scope.gridOptions.data[i][property]);
            }
          }
        }
      }
    }
    $timeout(function() {
      $scope.gridOptions.data = angular.copy($scope.gridData);
    });
  }, true);
  $scope.callbackData = {};
  $scope.gridOptions = {
    enableCellEditOnFocus: true,
    onRegisterApi: function(gridApi) {
      $scope.gridApi = gridApi;
      $scope.gridApi.edit.on.afterCellEdit($scope,
        function(rowEntity, colDef, newValue, oldValue) {
          $scope.callbackData.oldValue = oldValue;
          $scope.callbackData.newValue = newValue;
        });
    },
    columnDefs: [{name: 'FirstName'}, {name: 'LastName'}, {name: 'Job'}]
  };
}]);

button {
  margin-bottom: 10px;
}

div[ui-grid] {
  height: 115px;
  margin-bottom: 10px;
}

<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">
  <button ng-click="gridData[0].LastName='Williams'">Guess Last Name</button>
  <div ui-grid="gridOptions" ui-grid-edit ui-grid-cellNav></div>
  <div>{{callbackData}}</div>
</div>

如果您还有其他问题，请告诉我。

是否可能导致 UI-Grid 的 afterCellEdit 人为触发？

Is it possible to cause UI-Grid's afterCellEdit to fire artificially?

javascript

callback

angular-ui-grid