Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
144790 | May 22,2019 08:22 PM UTC | May 23,2019 09:04 AM UTC | Vue | 1 |
![]() |
Tags: Data Grid |
<template>
<div id="app">
<ejs-grid :dataSource='data' ref="grid" :toolbarClick="toolbarClick" :editSettings='editSettings' :toolbar='toolbar' height='273px'>
<e-columns>
. . .
</e-columns>
</ejs-grid>
</div>
</template>
<script>
import Vue from "vue";
import { GridPlugin,Page, Toolbar, Edit } from "@syncfusion/ej2-vue-grids";
import { data } from './datasource.js';
Vue.use(GridPlugin);
export default {
name: "App",
. . .
methods: {
toolbarClick: function(args) {
if(args['item'].text === 'Edit') {
// here we have stop the mouse event propagation to avoid cell save
args.originalEvent.stopPropagation(); this.$refs.grid.ej2Instances.editModule.editCell(Math.min(this.$refs.grid.ej2Instances.getSelectedRowIndexes()), "CustomerID");
}
}
}
};
</script>
|
This post will be permanently deleted. Are you sure you want to continue?
Sorry, An error occured while processing your request. Please try again later.
This page will automatically be redirected to the sign-in page in 10 seconds.