AngularJS - ui-grid - Column Moving - get new order of columns

Question

I am implementing http://ui-grid.info/ in my application.

There is a feature of Column Moving, where Columns can be moved.

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

This is how i add columns :-

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

Here is the event which fires when column is moved.

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

My problem is that i want to get the new order of the columns in $scope.gridOptions.columnDefs for saving it in db.

On Column Moving $scope.gridOptions.columnDefs doesn't get updated.

How to solve this?

That Plunker is very empty. Good thing is: It has no bugs:-) — mainguy
– mainguy, Commented Oct 31, 2014 at 10:43

sunz7 · Accepted Answer · 2015-03-11 01:53:57Z

4

You will need to get the new order from grid state. Try get the grid state using this: (remember to add 'ui.grid.saveState' module and 'ui-grid-save-state' directive)

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

Take a look at their tutorial about grid state here

answered Mar 11, 2015 at 1:53

sunz7

764 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Celestino Ramalho · Accepted Answer · 2017-03-16 19:19:58Z

0

You can listen to the columnPositionChanged event:

gridApi.colMovable.on.columnPositionChanged(scope,function(colDef, originalPosition, newPosition){})

Check ui-grid documentation for more info

answered Mar 16, 2017 at 19:19

Celestino Ramalho

531 gold badge1 silver badge5 bronze badges

Collectives™ on Stack Overflow

AngularJS - ui-grid - Column Moving - get new order of columns

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related