PropertyGrid

Example

Razor
<kendo-propertygrid>
    <columns></columns>
    <context-menu></context-menu>
    <excel />
    <messages />
    <pdf></pdf>
    <property-grid-items></property-grid-items>
    <toolbar></toolbar>
</kendo-propertygrid>

ChildTags

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
edit-modeBooleanIf set to true, the user will be able to edit the values of the object's properties to which the PropertyGrid is bound. By default, editing is enabled. can also be set to a string (which specifies the edit mode).The supported string values are: (Default) incell.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-moduleBoolean
groupableBooleanEnables the grouping of properties. Set this configuration to false to disable grouping.
has-client-componentBoolean
heightDoubleSets the height of the PropertyGrid. Numeric values are treated as pixels.
modelObjectSets the object to which the PropertyGrid is bound.
navigatableBooleanIf set to true, the user can navigate the component with the keyboard. By default, keyboard navigation is disabled.
on-before-editStringFires when the user tries to edit a data item before the editor is created. Can be used for preventing the editing depending on custom logic. The event handler function context (available through the this keyword) will be set to the component instance. The event will be fired only when the PropertyGrid is editable.
on-cancelStringFires when the user closes the edit cell via the Esc key or when the Reset command from the ContextMenu is executed. The event handler function context (available through the this keyword) will be set to the component instance.
on-cell-closeStringFires 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.
on-changeStringFires when the user selects a table row in the PropertyGrid. The event handler function context (available through the this keyword) will be set to the component instance.
on-collapseStringFires when an item is about to be collapsed. The event handler function context (available through the this keyword) will be set to the component instance.
on-column-resizeStringFires when the user resizes a column via the Resize contextMenu command. The event handler function context (available through the this keyword) will be set to the component instance.
on-editStringFires when the user edits a data item. The event handler function context (available through the this keyword) will be set to the component instance.
on-excel-exportStringFires when the user clicks the Export to Excel toolbar button.
on-expandStringFires when an item is about to be expanded. The event handler function context (available through the this keyword) will be set to the component instance.
on-group-collapseStringFires when a group of items is about to be collapsed. The event handler function context (available through the this keyword) will be set to the component instance.
on-group-expandStringFires when a group of items is about to be expanded. The event handler function context (available through the this keyword) will be set to the component instance.
on-pdf-exportStringFires when the user clicks the Export to PDF toolbar button.
on-saveStringFires when a data item is saved. The event handler function context (available through the this keyword) will be set to the component instance.
resizableBooleanWhen set to true the user will be able to resize columns via the context menu. When set to false the ContextMenu Resize command will not be available.
sanitize-idBoolean
script-attributesIDictionary<String,Object>
scrollableBooleanIf set to true, the PropertyGrid will display a scrollbar when the total row height or width exceeds the PropertyGrid height or width. By default, scrolling is enabled.
show-detailsBooleanUse this configuration to disable the ToggleDetails command button on the toolbar and to prevent the rendering of the Details/Info box.
widthDoubleSets the width of the PropertyGrid. Numeric values are treated as pixels.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support