Data changes can be automatically posted ( without user intervention ) and saved in the remote data store ( similar to Google docs ).

There are 2 ways to accomplish it, choosing between them is just a matter of preference:

  • change event which fires whenever there are changes in the grid, can be used to post the changes.
  • use time interval to check grid for changes and post them to server.

In this example changes are posted to server by calling saveChanges() function within a $interval. We have also used jQuery.ajax in this example due to its simplicity, however it can be replaced with $http service.
Only the changes which meet validation rules are posted to maintain data integrity.
Data can be manipulated in the grid with inline editing or copy/paste.

Copyright @ 2016-2018 Paramvir Dhindsa (