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

Question

我正在我的应用程序中实现http://ui-grid.info/。

有一个功能Column Moving，可以移动列。

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

演示

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

$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

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

On Column Moving$scope.gridOptions.columnDefs不会更新。

如何解决这个问题？

Answer 1

您将需要从网格状态获取新订单。尝试使用以下方法获取网格状态：（记得添加“ui.grid.saveState”模块和“ui-grid-save-state”指令）

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

在这里查看他们关于网格状态的教程

Answer 2

你可以监听 columnPositionChanged 事件：

gridApi.colMovable.on.columnPositionChanged(范围,函数(colDef, originalPosition, newPosition){})

查看ui-grid 文档以获取更多信息