Merge pull request #14 from thetrav/ondelete

handler for row deletion

Author: kavimaluskam

README.md

@@ -37,6 +37,10 @@ const onChange = (row) => {
   console.log(row)
 }
 
+const onDelete = (e) => {
+  console.log(e)
+}
+
 const Main = React.createClass({
   getChildContext () {
     return {muiTheme: getMuiTheme(baseTheme)}
@@ -50,6 +54,7 @@ const Main = React.createClass({
     return (
       <EditTable
         onChange={onChange}
+        onDelete={onDelete}
         rows={rows}
         headerColumns={headers}
         enableDelete={true}

example/demo.jsx

@@ -46,6 +46,10 @@ const onChange = (row) => {
   console.log(row)
 }
 
+const onDelete = (e) => {
+  console.log(e)
+}
+
 const Main = React.createClass({
   getChildContext () {
     return {muiTheme: getMuiTheme(baseTheme)}
@@ -59,6 +63,7 @@ const Main = React.createClass({
     return (
       <EditTable
         onChange={onChange}
+        onDelete={onDelete}
         rows={rows}
         headerColumns={headers}
         enableDelete={Boolean(true)}

index.jsx

@@ -14,7 +14,8 @@ module.exports = React.createClass({
       headerColumns: [],
       rows: [],
       enableDelete: true,
-      onChange: function () {}
+      onChange: function () {},
+      onDelete: function () {}
     }
   },
 
@@ -189,13 +190,18 @@ module.exports = React.createClass({
 
     const onDeleteRow = function (e) {
       var rows = self.state.rows
+      var deleteEvent = {}
       rows.forEach((row, i) => {
-        if (rowId === i) rows.splice(i, 1)
+        if (rowId === i) {
+          rows.splice(i, 1)
+          deleteEvent = {rowId, row}
+        }
       })
       rows.forEach((row, i) => {
         row.id = i
       })
       self.setState({rows: rows})
+      if (deleteEvent !== {}) this.props.onDelete(deleteEvent)
     }
 
     const onClick = function (e) {