add create event

Author: noogen

README.md

@@ -221,6 +221,26 @@ One `Purpose` of this component is to extend jQuery DataTables function and feat
 * Ability to have simple `template` field so you can pass schema JSON from static file or some API, instead of requiring to define a javascript `render` function.  Though, the `render` function would provide best performance.
 * Having schema also allow for future features, such as editable column/cell.
 
+### events
+Custom events for this component.
+```html
+<vdtnet-table ...
+  @tableCreating="doSomethingImmediatelyAfterDataTableCreate"
+  @tableCreated="doSomethingImmediatelyAfterTableCreatedAndInitialized"
+  @reloaded="doSomethingAfterDataLoadOrReloaded"
+/>
+```
+
+```js
+   doSomethingImmediatelyAfterTableCreatedAndInitialized(comp) {
+    // use comp.dataTable to access the jQuery DataTables object, example:
+     comp.dataTable.on( 'order.dt',  function () { eventFired( 'Order' ); } )
+   }
+```
+- `tableCreating` this is immediately after jQuery(el).DataTable is called.
+- `tableCreated` this is after we have initialized all the columns.
+- `reloaded` this is after data has been load/reloaded
+
 ## Additional Headers
 Many server-side usage require CSRF and/or API token headers.  Since jQuery DataTables `options` are completely exposed as `opts`, simply use the native method per [jQuery DataTables example](https://editor.datatables.net/manual/security#Prevention)
 

example/index.js

@@ -716,6 +716,7 @@ var myUniqueId = 1;
     var $el = jq(vm.$refs.table); // console.log(vm.options.buttons)
 
     vm.dataTable = $el.DataTable(vm.options);
+    vm.$emit('table-creating', vm);
 
     if (vm.selectCheckbox) {
       // handle select all checkbox
@@ -817,8 +818,9 @@ var myUniqueId = 1;
           tr.addClass('master');
         }
       });
-    } // finally, load data
+    }
 
+    vm.$emit('table-created', vm); // finally, load data
 
     if (vm.dataLoader) {
       vm.reload();

example/index.js.map

@@ -1,4 +1,4 @@
 {
-    "/index.js": "/index.js?id=ad7b8d4944a8f079b5a3",
-    "/index.js.map": "/index.js.map?id=19d02234de31f6b15dc7"
+    "/index.js": "/index.js?id=ac91b689ff131831cbbc",
+    "/index.js.map": "/index.js.map?id=154eed62452287a86ec0"
 }

lib/index.js

@@ -1,7 +1,7 @@
 {
   "name": "vue-datatables-net",
   "description": "Vue jQuery DataTables.net wrapper component",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "author": "[email protected]",
   "license": "MIT",
   "main": "lib/index.js",
@@ -36,7 +36,7 @@
   "devDependencies": {
     "@babel/core": "^7.5.5",
     "@babel/plugin-syntax-dynamic-import": "^7.2.0",
-    "babel-eslint": "^10.0.2",
+    "babel-eslint": "^10.0.3",
     "bootstrap": "^4.3.1",
     "browser-sync": "^2.26.7",
     "browser-sync-webpack-plugin": "^2.0.1",

lib/index.js.map

@@ -312,6 +312,7 @@ export default {
 
     // console.log(vm.options.buttons)
     vm.dataTable = $el.DataTable(vm.options)
+    vm.$emit('table-creating', vm)
 
     if (vm.selectCheckbox) {
       // handle select all checkbox
@@ -412,6 +413,8 @@ export default {
       })
     }
 
+    vm.$emit('table-created', vm)
+
     // finally, load data
     if (vm.dataLoader) {
       vm.reload()