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. Image for the cookie policy date

dataSource very difficult and not as easy as GanttChart

I use the Vuex store and have a gantt chart object that simply uses the DataManager with json that I get from the store and the chart works and is easily updated. After a lot of research, it appears that I have to get a handle with the Ej2Instances and that is the only way to update the component. I am trying to understand this and if there is something else I missed here.

3 Replies

KR Karthikeyan Raja Syncfusion Team January 28, 2020 03:15 PM UTC

Hi Daniel, 
We have analyzed your query. In Gantt we can update data by Ej2Instances. Otherwsie we can update by ‘$refs’.  Refs are Vue instance properties used to register or indicate a reference to HTML elements or child elements in the template of your application. If a ref attribute is added to an HTML element in your Vue template, you'll then be able to reference that element. Please find the code snippet below, 
   <ejs-gantt ref='gantt' id="GanttContainer"></ejs-gantt> 
select: function(e){ 
   this.$refs.gantt.selectionModule.selectCell({ cellIndex: 1, rowIndex: 1 }); 
Please get back to us, if you need any further assistance on this. 
Karthikeyan Raja. 

DW Daniel Walker January 28, 2020 03:18 PM UTC

Actually Gantt is working fine. I was actually referring to Schedule, but I have figured out a better way to add events and keep them in sync using the Schedule methods.


JA Jesus Arockia Sankaran S Syncfusion Team January 29, 2020 07:09 AM UTC

Thanks for the information and we are glad that you issue has been resolved now.

Live Chat Icon For mobile
Up arrow icon