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

Change

events

Fires when the user selects a table row in the PropertyGrid. The event handler function context (available through the this keyword) will be set to the component instance.

change

Event Data

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,
    change: function(e) {
      var selectedRow = this.selectItem();
      var dataItem = this.dataItem(selectedRow);
      /* The result can be observed in the DevTools(F12) console of the browser. */
      console.log(`field: ${dataItem.field}: value: ${dataItem.value}`);
    }
  });
</script>

Change

change

Event Data

e.sender kendo.ui.PropertyGrid

e.sender `kendo.ui.PropertyGrid`