For removing an element is:
// Find selected
var idx = this.select().index();
// Get reference to the DataSource
var ds = d.data("kendoListView").dataSource;
ds.remove(ds.at(idx));
This would remove the selected item as soon as you click on it (but doing it in change
event handler does not actually allow you to remove multiple items).
But you can also directly remove one single item directly from the list using remove
method:
// Find selected
var selected = this.select();
d.data("kendoListView").remove(selected);
Check it here, click on an item and it will get removed.
The question is that these interfaces are able to remove one item per call. If you want to remove many, you can iterate on them:
// Find selected
var items = d.select();
$.each(items, function(idx, elem) {
d.remove($(elem));
});
See it here, select many and then click on "Remove" button.