javascript - AngularJS - ui-grid - 列移动 - 获取新的列顺序

Question

我正在实现 http://ui-grid.info/在我的申请中。

Column Moving有一个特性，可以移动Columns。

http://ui-grid.info/docs/#/tutorial/217_column_moving

DEMO

这就是我添加列的方式:-

$scope.gridOptions.columnDefs.push({ field: 'Name', displayName: 'EMPLOYEE NAME'});
$scope.gridOptions.columnDefs.push({ field: 'Age', displayName: 'AGE'});
....

这是移动列时触发的事件。

http://ui-grid.info/docs/#/api/ui.grid.moveColumns.api:PublicApi

我的问题是我想获取 $scope.gridOptions.columnDefs 中 columns 的 new order 以将其保存在 db 中.

在列移动时 $scope.gridOptions.columnDefs 不会更新。

如何解决？

Answer 1

您需要从网格状态获取新订单。尝试使用此获取网格状态:(记得添加“ui.grid.saveState”模块和“ui-grid-save-state”指令)

$scope.state = $scope.gridApi.saveState.save();

看看他们关于网格状态的教程 here