Added Undo on removeRow. Fixes datazenit#18

hsemarap · Oct 27, 2015 · 5d3ecf3 · 5d3ecf3
1 parent b759d08
commit 5d3ecf3
Showing 1 changed file with 38 additions and 1 deletion.
diff --git a/src/sensei-grid.js b/src/sensei-grid.js
@@ -131,6 +131,7 @@
         plugin.events.trigger = function (event) {
             var args = Array.prototype.slice.call(arguments, 1);
             if (_.has(this._events, event)) {
+                // alert("event:"+event);
                 var events = this._events[event];
                 _.each(events, function (e) {
                     var cbk = _.bind(e["callback"], e["context"]);
@@ -166,7 +167,8 @@
         plugin.render = function () {
 
             // render row actions
-            plugin.rowElements = {};
+            plugin.rowElements = {}
+            ;
             _.each(plugin.rowActions, function (rowAction) {
                 rowAction.initialize();
                 var rowEl = "<div>" + rowAction.rowElement() + "</div>";
@@ -473,6 +475,15 @@
           // get row data for event
           var data = plugin.getRowData($row);
 
+          // stores the original row and records the row id
+          var edit = {
+              "type":"row",
+              "previousState": data,
+              "index": row
+          };
+          // save the state prior to edit
+          plugin.addEdit(edit);
+
           // trigger row:remove event before actual removal
           // could be used to persist changes in db
           plugin.events.trigger("row:remove", data, row, $row);
@@ -914,7 +925,33 @@
 
                             }
                         } else if (edit.type === 'row') {
+                            if ('index' in edit) {
+
+                                var rowIndex  = edit.index;
+                                var data = edit.previousState;
+
+                                // recreate the row from row data
+                                var $newRow = $(plugin.renderRow(data, false, true));
+
+                                // insert the row at its previous position
+                                var totalRows = plugin.getRows().length - (plugin.emptyRow?1:0);
+                                if (rowIndex == 0 || totalRows == 0) {
+                                    // if it was the first row in the table
+                                    // or the table is currently empty
+                                    var $tbody = plugin.$el.find(".sensei-grid-tbody");
+                                    $tbody.prepend($newRow);
+                                }
+                                else {
+                                    var prevRowIndex = Math.min(totalRows,rowIndex - 1);
+                                    var prevRow   = $(plugin.getRowByIndex(prevRowIndex));
 
+                                    $newRow.insertAfter(prevRow);
+                                }
+
+                                // trigger row:create event
+                                plugin.events.trigger("row:create", $newRow);
+
+                            }
                         }
                     }
                     break;