save

Fires when a data item is saved. The event handler function context (available through the this keyword) will be set to the component instance.

Event Data

e.model kendo.data.TreeListModel

The data item to which the table row is bound.

e.container jQuery

The jQuery object which represents the current editor container element.

e.sender kendo.ui.PropertyGrid

The component instance which fired the event.

Example - subscribing to the save event before initialization

<div id="propertyGrid"></div>

<script>
  $("#propertyGrid").kendoPropertyGrid({
    model: {
        details: {
            title: "Title",
            price: 15
        },
        foo: "bar",
        baz: 5
    },
    width: 500,
    save: function(e){
      /* The result can be observed in the DevTools(F12) console of the browser. */
      console.log("save");
    }
  });
</script>

Example - subscribing to the save event after initialization

<div id="propertyGrid"></div>

<script>
  function save(e) {
      /* The result can be observed in the DevTools(F12) console of the browser. */
      console.log("save");
    };

  $("#propertyGrid").kendoPropertyGrid({
    model: {
        details: {
            title: "Title",
            price: 15
        },
        foo: "bar",
        baz: 5
    },
    width: 500
  });
</script>

  var component = $("#propertyGrid").data("kendoPropertyGrid");
  component.bind("save", save);
</script>
In this article