Preserve selection in angular ui-grid while updating data

Question

I have a ui-grid where I have enabled multi selection. I want to be able to update the data whilst preserving the selection. If I just update the data then the selection is not preserved.

$scope.gridOpts.data = data2;

However I have defined a rowIdentity function, so that the id column uniquely identifies a row.

"rowIdentity" : function(row) {
  return row.id;
}

Now if I select rows with id=Bob and id=Lorraine, then update the data, the rows are still selected. However the other fields in those rows are not updated.

How can I both preserve the selection and update all the data?

Mads Nielsen · Accepted Answer · 2016-03-23 22:32:20Z

3

I think you need to keep track of you IDs yourself. So, you should remove the rowIdentifier, and instead add this piece at the beginning of your swapData function.

    $scope.selIds = [];
    for (var selRow of $scope.gridApi.selection.getSelectedRows()) {
      $scope.selIds.push(selRow.id);
    }

In addition to that, add an event handler on rowsRendered to re-select the previously selected rows

  gridApi.core.on.rowsRendered($scope,function() {
    for (var selId of $scope.selIds) {
      for (var row of $scope.gridOpts.data) {
        if (selId == row.id) {
          $scope.gridApi.selection.selectRow(row);
        }
      }
    }
  });

You can put this in your registerApi callback.

answered Mar 23, 2016 at 22:32

Mads Nielsen

6445 silver badges16 bronze badges

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

2 Comments

Ed Griffin Over a year ago

It works! I needed to add $scope.gridApi.selection.unSelectRow(selRow); to avoid the "selected items" count being ever increasing. I just wonder whether there is a better solution.

Mads Nielsen Over a year ago

It's probably a design decision to optimise not updating anything on a grid row, if the identity matches with the previous data set. Only the developers know ..

Collectives™ on Stack Overflow

Preserve selection in angular ui-grid while updating data

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related