Trying to refresh Angular Ui-Grid on Cancel Edit click

Question

I am working with the Angular ui-grid. I am trying to accomplish something which should be fairly simple but can't find anything that works. All I want to do is allow a user to edit the grid and then have the option to click a cancel button:

<icon name="cancel" ng-disabled="$ctrl.canceldisabled" ng-click="$ctrl.cancelBSS()" size="20px" title="Cancel"></icon>

This icon will then basically refresh the grid, or set the grid cell back to its last saved value. Wouldn't just a simple refresh of the grid work in this case:

public cancelBSS() {
        ctrl.gridApi.grid.refresh();
    };

I've tried most api options - notifyDataChange, I've tried resetting the gridOptions.data back to its last saved state but both don't do anything. Nothing changes.

B.G. · Accepted Answer · 2017-11-11 20:53:43Z

1

You can try to save oldValue on begin cell edit and then restore it on button click:

$scope.gridOptions.onRegisterApi = function(gridApi) {
    gridApi.edit.on.beginCellEdit(null, function (rowEntity, colDef, newValue, oldValue) {                    
        $scope.savedCell = {
            entityHashKey: rowEntity.$$hashKey,
            field: colDef.field,
            value: rowEntity[colDef.field]
        }
    });
}

$scope.cancelEdit = function() {
    var row = $scope.gridApi.grid.rows.find(function(row) {
        if($scope.savedCell != null)
            return row.entity.$$hashKey == ctrl.savedValue.entityHashKey;
    })
    if(row == undefined)
        return;
    row.entity[$scope.savedCell.field] = $scope.savedCell.value;
}

answered Nov 11, 2017 at 20:53

B.G.

715 bronze badges

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

1 Comment

bschmitty Over a year ago

This was great, thanks. Only thing I changed was "colDef.field" was actually "colDef.name" and inside the if condition I updated to say "ctrl.savedCell.entityHashKey". Appreciate the input!

Collectives™ on Stack Overflow

Trying to refresh Angular Ui-Grid on Cancel Edit click

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related