New to Kendo UI for jQuery? Start a free 30-day trial

Edit

events

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.

edit

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.

<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>

<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>

Edit

edit

Event Data

e.container jQuery

e.model kendo.data.TreeListModel

e.sender kendo.ui.PropertyGrid

e.container `jQuery`

e.model `kendo.data.TreeListModel`

e.sender `kendo.ui.PropertyGrid`