refactor(event): expose event to columnDef onCellClick and onCellChange

ghiscoding · Jun 2, 2018 · 2ac3cd8 · 2ac3cd8
1 parent ec1c91a
commit 2ac3cd8
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/aurelia-slickgrid/src/aurelia-slickgrid/models/column.interface.ts b/aurelia-slickgrid/src/aurelia-slickgrid/models/column.interface.ts
@@ -138,10 +138,10 @@ export interface Column {
   name?: string;
 
   /** an event that can be used for triggering an action after a cell change */
-  onCellChange?: (args: OnEventArgs) => void;
+  onCellChange?: (e: Event, args: OnEventArgs) => void;
 
   /** an event that can be used for triggering an action after a cell click */
-  onCellClick?: (args: OnEventArgs) => void;
+  onCellClick?: (e: Event, args: OnEventArgs) => void;
 
   /** column output type */
   outputType?: FieldType;

diff --git a/aurelia-slickgrid/src/aurelia-slickgrid/services/gridEvent.service.ts b/aurelia-slickgrid/src/aurelia-slickgrid/services/gridEvent.service.ts
@@ -31,7 +31,7 @@ export class GridEventService {
         };
 
         // finally call up the Slick.column.onCellChanges.... function
-        column.onCellChange(returnedArgs);
+        column.onCellChange(e, returnedArgs);
       }
     });
   }
@@ -57,7 +57,7 @@ export class GridEventService {
         };
 
         // finally call up the Slick.column.onCellClick.... function
-        column.onCellClick(returnedArgs);
+        column.onCellClick(e, returnedArgs);
       }
     });
   }

diff --git a/aurelia-slickgrid/src/examples/slickgrid/example11.ts b/aurelia-slickgrid/src/examples/slickgrid/example11.ts
@@ -66,7 +66,7 @@ export class Example11 {
         editor: {
           type: Editors.text
         },
-        onCellChange: (args: OnEventArgs) => {
+        onCellChange: (e: Event, args: OnEventArgs) => {
           alert('onCellChange directly attached to the column definition');
           console.log(args);
         }

diff --git a/aurelia-slickgrid/src/examples/slickgrid/example3.ts b/aurelia-slickgrid/src/examples/slickgrid/example3.ts
@@ -67,7 +67,7 @@ export class Example3 {
       minWidth: 30,
       maxWidth: 30,
       // use onCellClick OR grid.onClick.subscribe which you can see down below
-      onCellClick: (args: OnEventArgs) => {
+      onCellClick: (e: Event, args: OnEventArgs) => {
         console.log(args);
         this.alertWarning = `Editing: ${args.dataContext.title}`;
         this.aureliaGrid.gridService.highlightRow(args.row, 1500);
@@ -82,7 +82,7 @@ export class Example3 {
       maxWidth: 30,
       // use onCellClick OR grid.onClick.subscribe which you can see down below
       /*
-      onCellClick: (args: OnEventArgs) => {
+      onCellClick: (e: Event, args: OnEventArgs) => {
         console.log(args);
         this.alertWarning = `Deleting: ${args.dataContext.title}`;
       }
@@ -97,7 +97,7 @@ export class Example3 {
         type: Editors.longText
       },
       minWidth: 100,
-      onCellChange: (args: OnEventArgs) => {
+      onCellChange: (e: Event, args: OnEventArgs) => {
         console.log(args);
         this.alertWarning = `Updated Title: ${args.dataContext.title}`;
       }