edit

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

Event Data

e.container jQuery

The jQuery object which represents the container element. The container element contains the editing UI.

e.model kendo.data.TreeListModel

The data item which will be edited.

e.sender kendo.ui.PropertyGrid

The component instance which fired the event.

Example - subscribing to the edit event before initialization

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

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

Example - subscribing to the edit event after initialization

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

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

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

  var component = $("#propertyGrid").data("kendoPropertyGrid");
  component.bind("edit", edit);
</script>