Gantt - how to handle task assignment updates?

[Al]

If possible, please point me to a working example of this using remote data source. My config as below:

    <ganttdatasource ref="ganttdatasource1"
                            :transport-read="ganttRead"
                            :transport-update="ganttUpdate"
                            :transport-create="ganttCreate"
                            :transport-destroy="ganttDestroy"
                            :transport-parameter-map="parameterMap"                           
                            :transport-batch="true" 
                            schema-model-id="id"
                            :schema-model-fields="fields">
    </ganttdatasource>

        <gantt
            ref="kendogantt"
            id="gantt"
            :height="500"
            :editable-create="true"         
            data-source-ref="ganttdatasource1"            
            :assignments="assignments"          
            :resources="resources"
        >
        </gantt>

 

 

I'm using the gantt with remote data with custom functions (I use axios, not Telerik gantt data source built-in features). When the gantt first loads it gets it's tasks from  'transport-read', task resource assignments from 'assignments' prop, and resources from 'resources' prop. All works just fine.

 

Now when a task's assignment is updated, it triggers my custom function 'ganttUpdate', it passes in a data object with all the task data + a .resources. property that has all the assignments for the task and I can update my backend ok.

What I don't understand is what I need to return from 'ganttUpdate' - I mean there are now two places where the task resource assignments are kept (1) on the task itself in the .resources property, and (2) on the gantt in the 'assignments' prop (which has all the assignments for all tasks). It is very confusing.

[Petar]

Hi Al,

You have to return the task itself like it is demonstrated in our Kendo UI for jQuery examples. As the Gantt is a wrapper component of the Kendo UI for jQuery, the same approach is applicable for it.

Start this Dojo example and open the network tab of your browser. Edit a random task. Click on the request that will appear and then select "Response". In this response, you will see data of the edited task with the updated values. 

Let me know if the above answers your question.

Regards,

Petar
Progress Telerik

[Al]

Thanks Petar, following your instructions it appears that I don't need to pass any of the resource assignment info back, only the basic task information.

Obviously the updated assignment data would need to be loaded via :assignments prop when the gantt reloads

[Petar]

Hi Al,

I am happy to hear that the details I sent you have helped you implement what you need in your app. 

Regards,
Petar
Progress Telerik