Hi Tomasz,
As we explained in our previous update, newly added data to the datasource mapped item then control will be re-render. Hence, actionComplete event not called. But, your reported requirements can also be achieved by passed, added Or edited data to the server side instead of add to the existing datasource variable.
From your server code, you can update to the database.
During load time, we can fetch data from database using datamanager support.
Please find the following sample code snippet,
|
[ganttChart.vue]
//...
data() {
return {
dataSource: new DataManager({
url: 'http://localhost:7777/GanttEJ2/getData',
crossDomain: true
}) ;
//...
Method: {
onActionComplete: function (args) {
if (args.action == "add”) {
$.ajax({
type: "POST",
url: 'http://localhost:7777/GanttEJ2/addData
data: args.data.taskData,
//...
});
}
if (args.action == "DialogEditing" || args.action == "CellEditing") {
$.ajax({
type: "POST",
url: 'http://localhost:7777/GanttEJ2/updateData
data: args.data.taskData,
//...
});
}
if (args.action == "delete") {
$.ajax({
type: "POST",
url: 'http://localhost:7777/GanttEJ2/deleteData
data: args.data.taskData,
//...
});
}
}
}); |
If the given concept meets your exact requirement then we will provide optimised way of solution like adaptor concept to achieve above solution.
Please let us know, if you need further assistance on this.
Thanks,
Karthikeyan Raja
