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

ToggleDetails

methods

Toggles the Details/Info box, when enabled. See the showDetails configuration option for details on enabling/disabling the functionality.

toggleDetails

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

<script>
  $("#propertyGrid").kendoPropertyGrid({
    model: {
        foo: "bar",
        baz: 5
    },
    width: 500,
    items: [
      {field:"foo", description:"foo property description"}
    ]
  });

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

    component.toggleDetails();
  });
</script>