items Array
Additional configuration options for the properties of the model.
Example - set the items configuration for the PropertyGrid
<div id="propertyGrid"></div>
<script>
$("#propertyGrid").kendoPropertyGrid({
columns: {
fieldColumn: { width: 200 },
valueColumn: { width: 250 }
},
model: {
foo: "bar",
baz: 5,
price: 10,
agree: false,
details: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida tincidunt tellus."
},
items:[
{field: "foo", group: "Group A", editable: false},
{field: "baz", group: "Group B", editor: "NumericTextBox", editorOptions: { min: 1, max: 10 } },
{field: "agree", group: "Group C", validation: { required: true } },
{field: "details", group: "Group D", editor: "TextArea", editorOptions: { rows: 5 }, template: (data)=>`<span style="color:red">${data.value}</span>`},
{field: "price", group: "Group A", editable: false, format: "{0:C}", description: "The price for the item."}
]
});
</script>