We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Maximize productivity with
30% off* for a limited time
using BOOSTDEV30.
Includes 3- and 5-packs.
*Some exclusions may apply.
New Product LaunchBoldDesk: Help desk ticketing software starts at $10 for 3 agents.
Try it for free.|
<template>
<div>
<ejs-gantt ref='gantt' :dataSource="data" :contextMenuItems="contextMenuItems"
:enableContextMenu="true" :contextMenuClick="contextMenuClick">
//...
</ejs-gantt>
</div>
</template>
<script>
export default {
return {
//...
contextMenuItems: [
//…
{ text: "Edit Cell", target: ".e-content", id: "editCell" },
],
methods:{
contextMenuClick:function (args) {
var obj = this.$refs.gantt.ej2Instances;
var index = obj.flatData.indexOf(args.rowData);
if (args.item.id === 'editCell') {
obj.treeGrid.editCell(index, 'TaskName')
}
}
}
};
</script> |
|
actionComplete(args) {
if (args.action === 'add') {
const ganttInstance = getGanttInstance();
var index = ganttInstance.currentViewData.indexOf(args.data);
setTimeout(() => {
ganttInstance.treeGrid.editCell(index, 'TaskName');
}, 50);
} |
|
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"postinstall": "xcopy patches node_modules /s /y"
}, |
