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

时间:2014-10-31 07:27:07

标签: javascript jquery angularjs angular-ui-grid

我正在申请中实施http://ui-grid.info/

Column Moving有一项功能,可以移动列。

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

我的问题是,我想获取new ordercolumns的{​​{1}},以便将其保存在db中。

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

如何解决这个问题?

2 个答案:

答案 0 :(得分:4)

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

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

查看有关网格状态here

的教程

答案 1 :(得分:0)

您可以收听columnPositionChanged事件:

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

查看ui-grid documentation了解详情