add row-select/deselect event

Author: noogen

example/index.js

@@ -790,7 +790,7 @@ var myUniqueId = 1;
         }
       }); // handle individual row select events
 
-      that.dataTable.on('select deselect', function () {
+      that.dataTable.on('select deselect', function (e, dt, type, indexes) {
         var $input = $el.find('th input.select-all-checkbox');
 
         if (that.dataTable.rows({
@@ -801,8 +801,18 @@ var myUniqueId = 1;
         } else {
           jq('th.select-checkbox').addClass('selected');
           $input.attr('checked', true);
-        } // TODO: that.$emit the selected row?
-
+        } // type is select/deselect so event become row-select or row-deselect
+
+
+        that.$emit('row-' + e.type, {
+          dataTable: that.dataTable,
+          e: e,
+          dt: dt,
+          type: type,
+          indexes: indexes
+        }); // to get data, see const examples below
+        // const rows = event.dataTable.rows( event.indexes )
+        // const data = rows.data()
       });
     } // wire up edit, delete, and/or action buttons
 

example/index.js.map

@@ -1,4 +1,4 @@
 {
-    "/index.js": "/index.js?id=933912e8a12bc9db0c66",
-    "/index.js.map": "/index.js.map?id=1a20d43d61efe867adec"
+    "/index.js": "/index.js?id=5e7103a927fd5837b04e",
+    "/index.js.map": "/index.js.map?id=18b0cb36fc66037535a3"
 }

lib/index.js

@@ -1,7 +1,7 @@
 {
   "name": "vue-datatables-net",
   "description": "Vue jQuery DataTables.net wrapper component",
-  "version": "1.2.6",
+  "version": "1.2.7",
   "author": "[email protected]",
   "license": "MIT",
   "main": "lib/index.js",

lib/index.js.map

@@ -343,7 +343,7 @@ export default {
       })
 
       // handle individual row select events
-      that.dataTable.on('select deselect', () => {
+      that.dataTable.on('select deselect', (e, dt, type, indexes) => {
         const $input = $el.find('th input.select-all-checkbox')
         if (that.dataTable.rows({
             selected: true
@@ -354,7 +354,19 @@ export default {
           jq('th.select-checkbox').addClass('selected')
           $input.attr('checked', true)
         }
-        // TODO: that.$emit the selected row?
+
+        // type is select/deselect so event become row-select or row-deselect
+        that.$emit('row-' + e.type, {
+          dataTable: that.dataTable,
+          e: e,
+          dt: dt,
+          type: type,
+          indexes: indexes
+        })
+
+        // to get data, see const examples below
+        // const rows = event.dataTable.rows( event.indexes )
+        // const data = rows.data()
       })
     }