Edit this page


Fired when a data item is saved.

The event handler function context (available via the this keyword) will be set to the widget instance.

Event Data

e.model kendo.data.Model

The data item to which the ListView item is bound.

e.item jQuery

The jQuery object representing the current ListView item.

e.sender kendo.ui.ListView

The ListView instance which fired the event.

Example - subscribe to the "save" event

<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-edit-button" href="\\#"><span class="k-icon k-i-edit"></span></a>
        <a class="k-button k-button-icontext k-delete-button" href="\\#"><span class="k-icon k-i-delete"></span></a>

<script type="text/x-kendo-tmpl" id="editTemplate">
  <div class="item">
    <div class="edit-buttons">
        <a class="k-button k-button-icontext k-update-button" href="\\#"><span class="k-icon k-i-check"></span></a>
        <a class="k-button k-button-icontext k-cancel-button" href="\\#"><span class="k-icon k-i-cancel"></span></a>
    <input type="text" class="k-textbox" data-bind="value:name" name="name" required="required" validationMessage="required" />
    <span data-for="name" class="k-invalid-msg"></span>
    <br />
    <input type="text" data-role="numerictextbox" data-bind="value:age" name="age" required="required" validationMessage="required" />
    <span data-for="age" class="k-invalid-msg"></span>

    dataSource: {
        { id: 1, name: "Jane Doe", age: 30},
        { id: 2, name: "John Doe", age: 33}
      schema: {
        model: { id: "id" }
    template: kendo.template($("#template").html()),
    editTemplate: kendo.template($("#editTemplate").html()),
    save: function(e) {
      console.log("Changes saved.");
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article