New to Kendo UI for jQuery? Start a free 30-day trial

Save

events

Fired when a task field is updated upon user interaction.

The event handler function context (available via the this keyword) will be set to the widget instance.

Event Data

e.task kendo.data.GanttTask

The GanttTask which has been edited.

e.values Object

The GantTask fields being updated with new values.

e.preventDefault Function

If invoked prevents the save action and prevents the task from being edited.

e.sender kendo.ui.Gantt

The widget instance which fired the event.

<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
  dataSource: [
    {
      id: 1,
      orderId: 0,
      parentId: null,
      title: "Task1",
      start: new Date("2014/6/17 9:00"),
      end: new Date("2014/6/17 11:00")
    }
  ],
  save: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log("Save task:", e.task.title);
  }
});
</script>
<div id="gantt"></div>
<script>
function gantt_save(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log("Save task:", e.task.title);
}
$("#gantt").kendoGantt({
  dataSource: [
    {
      id: 1,
      orderId: 0,
      parentId: null,
      title: "Task1",
      start: new Date("2014/6/17 9:00"),
      end: new Date("2014/6/17 11:00")
    }
  ]
});
var gantt = $("#gantt").data("kendoGantt");
gantt.bind("save", gantt_save);
</script>
Not finding the help you need?
Contact Support