angular-ui-grid - 如何重置(而不是恢复)网格状态？

Question

我有以下 plunker 使用保存/恢复和 localStorage: http://plnkr.co/edit/Ad12QG1uKFEf38aOtpaL?p=preview

我可以保存网格状态，调整一些列(如调整列大小、移动等)，然后恢复到保存的网格状态就好了。

不过，一旦我保存了它，我将如何使“重置”功能起作用？我想在保存任何更改之前将其重置为网格的默认状态。

我的尝试，到目前为止没有成功。我假设我会在恢复发生之前尝试在加载时保存默认状态...

onRegisterApi: function(gridApi) {
  $scope.gridApi = gridApi;
  $scope.defaultState = $scope.gridApi.saveState.save();
  ...

...然后恢复类似于 $scope.restoreState 函数...

$scope.resetState = function() {
  $scope.gridApi.saveState.restore($scope, $scope.defaultState);
}

...但这是抛出错误。

Answer 1

我能够让它工作。这是一个功能示例: http://plnkr.co/edit/Ad12QG1uKFEf38aOtpaL?p=preview

我采用了我在问题中概述的相同方法，但我必须将 defaultState 包装在 $timeout() 中，因为如果没有该超时，状态不会立即在 onRegisterApi 中可用。我只是确保它在 restoreState 超时之前发生。

onRegisterApi: function(gridApi) {
  $scope.gridApi = gridApi;

  $timeout(function() {
    $scope.defaultState = $scope.gridApi.saveState.save();
  }, 50);

  $timeout(function() {
    $scope.restoreState();
  }, 100);
},

我对 Angular 还不是很熟悉，所以我相信有人可以改进它。