Updating a task record to make it the child of another task

[Sean]

Hi,

In the documentation on this page: Managing Tasks in Vue Gantt component, it says that updateRecordByID(record, "Child") can be used to edit a record, however, it does not seem to be able to edit the record such that it changes the parent/child relationship.

In the screenshot below, what function should I call to make "Child Task" a child of "Parent Task"?

[Pooja Priya Krishna Moorthy]

Hi Samantha, 

We cannot update parent-child relationship by using the public method updateRecordByID method. As we update the tasks based on column fields. 

Instead, we can modify the data source as like below code example and refresh the Gantt. 

 

 

methods: { 

    update: function () { 

      var obj = document.getElementById("Gantt").ej2_instances[0]; 

      var data = extend([], obj.dataSource, true); 

      data[4].parentID = 4; 

      obj.dataSource = data; 

    }, 

}, 

 

https://codesandbox.io/s/vue-template-forked-zekbl?file=/src/App.vue:845-946 

 

Regards, 

Pooja K.