The example in that demo works by adding and removing filters to the Scheduler dataSource objects on checkboxes change event. To filter out all data, you can give an impossible condition to the filter object.
It isn't the optimum solution but I couldn't find another way to hide data.
to do so you can update the checkboxes' change eventhandler to be like this:
....
$("#people :checkbox").change(function (e)
{
var checked = $.map($("#people :checked"), function (checkbox)
{
return parseInt($(checkbox).val());
});
var filter;
if (checked.length == 0)
{
filter = {
logic:"and",
filters: [
{
operator: "eq",
field: "ownerId",
value: 1
}, {
operator: "neq",
field: "ownerId",
value: 1
}]
};
}
else {
var filter = {
logic: "or",
filters: $.map(checked, function(value) {
return {
operator: "eq",
field: "ownerId",
value: value
};
})
};
}
var scheduler = $("#scheduler").data("kendoScheduler");
scheduler.dataSource.filter(filter);
});
....