Use Local Observable Data Object in the Scheduler
Environment
| Product | Progress® Kendo UI® Scheduler for jQuery |
| Operating System | Windows 10 64bit |
| Visual Studio Version | Visual Studio 2017 |
| Preferred Language | JavaScript |
Description
How can I bind the Scheduler to a local observableObject and change the properties during runtime?
Solution
The following example demonstrates how to achieve the desired scenario.
<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>