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

GroupCollapse

events

Fires when a group of items is about to be collapsed. The event handler function context (available through the this keyword) will be set to the component instance.

groupCollapse

Event Data

e.sender `kendo.ui.PropertyGrid`

The component instance which fired the event.

e.group `kendo.data.TreeListModel`

The group object associated with the group row.

e.preventDefault `Function`

If invoked, prevents the collapse action. The child table rows will not be hidden.

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

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

GroupCollapse

groupCollapse

Event Data

e.sender kendo.ui.PropertyGrid

e.group kendo.data.TreeListModel

e.preventDefault Function

e.sender `kendo.ui.PropertyGrid`

e.group `kendo.data.TreeListModel`

e.preventDefault `Function`