Fire "afteredit" after edit the entire row in ExtJS grid?

Question

I have an ExtJS editor grid which has some columns inside. I want to modify data on a record and auto save data to DB. But I just need save data after I complete editing all cells at the current row. I've used the event "afteredit" but it fired the event right after one cell was changed. How can I keep that event not to fire until I've completed modifying all cells? Or could you please suggest another way to do this, not use the "afteredit" event? Thank you so much.

Solution

You might take a look at Ext.ux.grid.RowEditor. It has an afteredit event that fires when the row is done being edited.

You can find the working example at http://dev.sencha.com/deploy/dev/examples/grid/row-editor.html