dataSource kendo.data.SchedulerDataSource
The data source of the widget. Configured via the dataSource option.
Changes of the data source will be reflected in the widget.
Assigning a new data source would have no effect. Use the setDataSource method instead.
Example - add a data item to the data source
<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
date: new Date("2013/6/6")
});
var scheduler = $("#scheduler").data("kendoScheduler");
scheduler.dataSource.add( {
start: new Date("2013/6/6 08:00 AM"),
end: new Date("2013/6/6 09:00 AM"),
title: "Interview"
});
</script>
Example - update a data item in the data source
<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
date: new Date("2013/6/6"),
dataSource: [
{
id: 1,
start: new Date("2013/6/6 08:00 AM"),
end: new Date("2013/6/6 09:00 AM"),
title: "Interview"
}
]
});
var scheduler = $("#scheduler").data("kendoScheduler");
var event = scheduler.dataSource.at(0);
event.set("end", new Date("2013/6/6 10:00 AM"));
</script>
Example - remove a data item from the data source
<button id="remove">Remove</button>
<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
date: new Date("2013/6/6"),
dataSource: [
{
id: 1,
start: new Date("2013/6/6 08:00 AM"),
end: new Date("2013/6/6 09:00 AM"),
title: "Interview"
}
]
});
$("#remove").click(function(){
var scheduler = $("#scheduler").data("kendoScheduler");
var event = scheduler.dataSource.at(0);
console.log(event);
scheduler.dataSource.remove(event);
})
</script>