Back to all docs
API Reference / ui / PropertyGrid / save
New to Kendo UI for jQuery? Start a free 30-day trial

Save

events

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

save

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.

<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>
<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>
Not finding the help you need?
Contact Support