cellClose

Fires when the incell edit mode is used and the cell will be closed. The event is triggered after saving or canceling the changes but before the cell is closed. 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 that represents the edit container element. For more information, refer to the edit event arguments.

e.model kendo.data.Model

The data item to which the table row is bound.

e.type String

The type of the cell close action.

The supported types are:

• save
• cancel—Triggered when the PropertyGrid keyboard navigation is enabled by navigatable: true and the Esc key is used for the close action of the cell.

e.sender kendo.ui.PropertyGrid

The component instance which fired the event.

Example - subscribing to the cellClose event during initialization

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

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

  var component = $("#propertyGrid").data("kendoPropertyGrid");
  component.edit($("#propertyGrid td:eq(2)"));
</script>