feat: add event dispatcher

iamyuu · Jun 10, 2021 · e771733 · e771733
1 parent d7347fd
commit e771733
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gridjs-svelte",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A Svelte wrapper component for Grid.js",
   "svelte": "dist/index.js",
   "module": "dist/index.mjs",

diff --git a/src/gridjs.svelte b/src/gridjs.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { onMount } from "svelte";
+  import { onMount, createEventDispatcher } from "svelte";
   import { Grid } from "gridjs";
   import type { Language } from "gridjs/dist/src/i18n/language";
   import type { ServerStorageOptions } from "gridjs/dist/src/storage/server";
@@ -15,6 +15,8 @@
 
   let node: Element;
 
+  const dispatch = createEventDispatcher();
+
   export let width: string = "100%";
   export let height: string = "auto";
   export let autoWidth: boolean = true;
@@ -74,6 +76,12 @@
     className,
   });
 
+  instance.on('cellClick', (...args) => dispatch('cellClick', {...args}))
+  instance.on('rowClick', (...args) => dispatch('rowClick', {...args}))
+  instance.on('beforeLoad', (...args) => dispatch('beforeLoad', {...args}))
+  instance.on('load', (...args) => dispatch('load', {...args}))
+  instance.on('ready', (...args) => dispatch('ready', {...args}))
+
   onMount(() => {
     if (node) {
       instance.render(node);