Use Local Observable Data Object
The following example demonstrates how to bind the Scheduler to a local observableObject
and change the properties during runtime.
<div id="example">
<button id="update">Update</button>
<div id="scheduler"></div>
</div>
<script>
$(function() {
var data = [{
title: "Test",
start: new Date(2013, 5, 13, 10),
end: new Date(2013, 5, 13, 11)
}];
var observableData = new kendo.data.ObservableArray(data);
$("#scheduler").kendoScheduler({
date: new Date("2013/6/13"),
startTime: new Date("2013/6/13 07:00 AM"),
height: 600,
views: [
"day"
],
dataSource: observableData
});
$("#update").click(function(e) {
observableData[0].set("end", new Date(2013, 5, 13, 13));
});
});
</script>