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

ToggleItem

methods

Toggles the expanded or collapsed state of a row.

toggleItem

Parameters:rowString|Element|jQuery

A string, a DOM element, or a jQuery object which represents the table row. A string is treated as a jQuery selector.

<button id="btn">Toggle expanded/collapsed state</button>
<div id="propertyGrid"></div>

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

  $("#btn").click(function(){
    var component = $("#propertyGrid").data("kendoPropertyGrid");

    component.toggleItem($("#propertyGrid tbody>tr:nth(0)"));
  });
</script>