remove
Fires before the list view item is put in edit mode. If the event is not prevented, the ListView will call the DataSource sync method.
The event handler function context (available via the this
keyword) will be set to the widget instance.
Example
<div id="listview"></div>
<script type="text/x-kendo-tmpl" id="template">
<div class="item">
<p>#: name # || #: age #</p>
<div class="edit-buttons">
<a class="k-button k-button-icontext k-delete-button" href="\\#"><span class="k-icon k-i-delete"></span></a>
</div>
</div>
</script>
<script>
$("#listview").kendoListView({
dataSource: {
data:[
{ id: 1, name: "Jane Doe", age: 30},
{ id: 2, name: "John Doe", age: 33}
],
schema: {
model: { id: "id" }
}
},
template: kendo.template($("#template").html()),
remove: function(e) {
console.log("Item with id "+ e.model.id + " deleted.");
}
});
</script>
To set after initialization
<div id="listview"></div>
<script type="text/x-kendo-tmpl" id="template">
<div class="item">
<p>#: name # || #: age #</p>
<div class="edit-buttons">
<a class="k-button k-button-icontext k-delete-button" href="\\#"><span class="k-icon k-i-delete"></span></a>
</div>
</div>
</script>
<script>
$("#listview").kendoListView({
dataSource: {
data:[
{ id: 1, name: "Jane Doe", age: 30},
{ id: 2, name: "John Doe", age: 33}
],
schema: {
model: { id: "id" }
}
},
template: kendo.template($("#template").html())
});
var listView = $("#listview").data("kendoListView");
listView.bind("remove", function(e) {
console.log("Item with id "+ e.model.id + " deleted.");
});
</script>
Event Data
e.item jQuery
The item element to be deleted.
e.model kendo.data.Model
The model to be deleted.