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

Model

methods

Gets or sets the model to which the PropertyGrid is bound to.

model

Parameters:modelObject

The object to which the PropertyGrid will bind to.

itemsArray

An array of configuration options for the fields of the passed object. Refer to the items configuration option for further details.

Returns:model

—The current state of the object to which the PropertyGrid is bound.

<div id="propertyGrid"></div>
<script>
  $("#propertyGrid").kendoPropertyGrid({
    model: {
        foo: "bar",
        baz: 5
    },
    width: 500
  });

var component = $("#propertyGrid").data("kendoPropertyGrid");
console.log(component.model())
</script>

<div id="propertyGrid"></div>
<script>
  $("#propertyGrid").kendoPropertyGrid({
    model: {
        foo: "bar",
        baz: 5
    },
    width: 500
  });

var component = $("#propertyGrid").data("kendoPropertyGrid");
component.model({
        title: "A Title",
        author: "John Doe",
        price: 15
    },[
        {field: "price", format: "{0:C}" }
    ])
</script>