sample update

revolist · Dec 3, 2020 · d5f394e · d5f394e
1 parent 2675580
commit d5f394e
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/public/index.ts b/public/index.ts
@@ -1,6 +1,20 @@
 import './style.css';
 import Vue from 'vue';
-import Grid from '../src/vgrid';
+import Grid, { VGridVueTemplate } from '../src/vgrid';
+
+const NewComponent = Vue.extend({
+  props: ['rowIndex'],
+  render(h) {
+    return h('span', {
+      on: {
+        click: (e: MouseEvent) => {
+          e.stopPropagation();
+          console.log('click');
+        }
+      }
+    }, this.rowIndex);
+  },
+});
 
 function generateHeader(index: number) {
   const asciiFirstLetter = 65;
@@ -15,6 +29,7 @@ function generateHeader(index: number) {
   }
   return label.toLowerCase();
 }
+
 function generateFakeDataObject(rowsNumber: number, colsNumber: number) {
   const result: Record<any, any> = [];
   const columns: Record<number, any> = {};
@@ -29,6 +44,9 @@ function generateFakeDataObject(rowsNumber: number, colsNumber: number) {
           columns[col] = {
               name: generateHeader(col),
               prop: col,
+          };
+          if (col === 1) {
+            columns[col].cellTemplate = VGridVueTemplate(NewComponent);
           }
       }
       result[row][col] = row + ':' + col;

diff --git a/src/vue-template.tsx b/src/vue-template.tsx
@@ -15,7 +15,7 @@ const vueTemplateConstructor =
                 // if vue inited just update it's properties
                 for (const key in p) {
                     const propKey = key as keyof RevoGrid.ColumnDataSchemaModel;
-                    el.$set(el, propKey, p[propKey]);
+                    el.$props[propKey] = p[propKey];
                 }
                 return;
             }