how to revert single edited row in dojo dgrid?

Question

Is there a way to revert/reset the edited row in the dojo-dgrid ?

I can see the grid.revert() which does clear the dirty items and calls the refresh method, which will refresh the whole grid. I don't want this whole grid-refresh.

Is it possible to reset/revert only that single edited row, upon clicking a Revert/Cancel Icon on the Actions-column (which will be the last column in the grid as mentioned here and here)

score 2 · Answer 1 · answered May 03 '13 at 15:10

If you're wrapping your store with Observable, you can use notify() to update a single row.

For example, you can create the following code for onClick event of your Revert/Cancel button:

 renderCell: function(object, data, cell){

   var btnRevert = new Button({
     label: "Revert",
     // ...
     onClick: function(evt){
       var dirty = that.grid.dirty,
           id = object.id;

       if(dirty.hasOwnProperty(id)){
         // remove dirty data
         delete dirty[id];
         // ..and notify the store to update
         myStore.notify(object, object.id);
       }
     }
   }, cell.appendChild(put("div")) );

   return btnRevert;
 }

Here is a jsfiddle with an example: revert example

how to revert single edited row in dojo dgrid?

1 Answers1