Batch Editing and not save per row edits

I am creating an inline editable grid where I can add row after row or edit a row or delete a row and during that whole process, I don't want to save any changes to the DB. I am using batch:true in the dataSource. I also have the add/edit/delete/done/saveAll buttons outside the grid (not using the toolbars).

Currently, I am calling addNew() from the add button and a new row appears with the editable controls (dropdown, etc) - all good so far

When I click on the done button, I want the current row to stop editing and turn into static text in the grid, but not trigger the create/update/etc options in the dataSource.

When I click on the save button, that is when the changes should be sent to the DB via the dataSource settings.

How can I achieve this?

Thanks,

--Ed