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

Tag Name	Details
columns	PropertyGridColumnsSettingsTagHelper
context-menu	PropertyGridContextMenuSettingsTagHelper
excel	PropertyGridExcelSettingsTagHelper
messages	PropertyGridMessagesSettingsTagHelper
pdf	PropertyGridPdfSettingsTagHelper
property-grid-items	PropertyGridItemsTagHelper
toolbar	PropertyGridToolbarsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
edit-mode	Boolean	If 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.
groupable	Boolean	Enables the grouping of properties. Set this configuration to false to disable grouping.
height	Double	Sets the height of the PropertyGrid. Numeric values are treated as pixels.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
model	Object	Sets the object to which the PropertyGrid is bound.
navigatable	Boolean	If set to true, the user can navigate the component with the keyboard. By default, keyboard navigation is disabled.
on-before-edit	String	The name of the JavaScript function that will handle the beforeEdit event. Fires 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-cancel	String	The name of the JavaScript function that will handle the cancel event. Fires 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-close	String	The name of the JavaScript function that will handle the cellClose event. Fires 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-change	String	The name of the JavaScript function that will handle the change event. Fires 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-collapse	String	The name of the JavaScript function that will handle the collapse event. Fires 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-resize	String	The name of the JavaScript function that will handle the columnResize event. Fires 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-edit	String	The name of the JavaScript function that will handle the edit event. Fires 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-export	String	The name of the JavaScript function that will handle the excelExport event. Fires when the user clicks the Export to Excel toolbar button.
on-expand	String	The name of the JavaScript function that will handle the expand event. Fires 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-collapse	String	The name of the JavaScript function that will handle the groupCollapse event. Fires 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-expand	String	The name of the JavaScript function that will handle the groupExpand event. Fires 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-export	String	The name of the JavaScript function that will handle the pdfExport event. Fires when the user clicks the Export to PDF toolbar button.
on-save	String	The name of the JavaScript function that will handle the save event. Fires when a data item is saved. The event handler function context (available through the this keyword) will be set to the component instance.
resizable	Boolean	When 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.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
scrollable	Boolean	If 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-details	Boolean	Use this configuration to disable the ToggleDetails command button on the toolbar and to prevent the rendering of the Details/Info box.
width	Double	Sets the width of the PropertyGrid. Numeric values are treated as pixels.