A quick-start project that shows you how to enable editing in the Vue Gantt Chart. This project contains code snippets for performing cell, dialog, taskbar, and dependency editing in the component. Gantt component features are segregated into individual feature-wise modules. To use editing feature, inject the Edit module.
Refer to the following editing documentation for the Syncfusion Vue Gantt Chart component: https://ej2.syncfusion.com/vue/documentation/gantt/managing-tasks/managing-tasks
Check out this online example of editing in the Angular Gantt Chart component: https://ej2.syncfusion.com/vue/demos/#/material/gantt/editing.html
Refer to the following Syncfusion Vue Gantt Chart getting started video: https://www.youtube.com/watch?v=S1GbWmVcre0
Make sure that you have the latest versions of Vue, Node, Vue Class Component, and Visual Studio Code in your machine before starting to work on this project.
To run this application, you need to clone the different-editing-modes-in-vue-gantt-chart
repository and then open it in Visual Studio Code. Now, simply install all the necessary react packages into your current project using the npm install
command and run your project using the npm run serve
command.