<kendo:propertyGrid-item>

Additional configuration options for the properties of the model.

Example

<kendo:propertyGrid-items>
    <kendo:propertyGrid-item></kendo:propertyGrid-item>
</kendo:propertyGrid-items>

Configuration Attributes

description java.lang.String

Sets the description for the property.

Example

<kendo:propertyGrid-item description="description">
</kendo:propertyGrid-item>

editable boolean

The JavaScript function that is executed when the value cell is about to be opened for editing. The returned result will determine whether an editor will be created.

Example

<kendo:propertyGrid-item editable="editable">
</kendo:propertyGrid-item>

editor java.lang.String

Provides a way to specify a custom editing UI for the value of the property. To create the editing UI, use the container parameter.When used as String, defines the editor component type. Set the options for the component via the items.editorOptions.For further info check the Form API: field

Example

<kendo:propertyGrid-item editor="editor">
</kendo:propertyGrid-item>

editorOptions java.lang.Object

Defines the component options for the custom property value UI editor that is set via the items.editor configuration. For further info check the Form API: field.

Example

<kendo:propertyGrid-item editorOptions="editorOptions">
</kendo:propertyGrid-item>

field java.lang.String

Maps the item configuration to the model property.

Example

<kendo:propertyGrid-item field="field">
</kendo:propertyGrid-item>

format java.lang.String

The format that is applied to the value before it is displayed. Takes the {0:format} form where format is a standard number format, custom number format, standard date format or a custom date format.

Example

<kendo:propertyGrid-item format="format">
</kendo:propertyGrid-item>

group java.lang.String

Sets the name of the group to which the property will belong, if grouping is enabled. Only root level items can be grouped.

Example

<kendo:propertyGrid-item group="group">
</kendo:propertyGrid-item>

items java.lang.Object

Additional configuration options for the nested properties of the model, if any.

Example

<kendo:propertyGrid-item items="items">
</kendo:propertyGrid-item>

template java.lang.String

The template which is rendered for the property's value.

Example

<kendo:propertyGrid-item template="template">
</kendo:propertyGrid-item>

validation java.lang.Object

Specifies the validation rules for the field.

Example

<kendo:propertyGrid-item validation="validation">
</kendo:propertyGrid-item>

Event Attributes

editable String

The JavaScript function that is executed when the value cell is about to be opened for editing. The returned result will determine whether an editor will be created.

Example

<kendo:propertyGrid-item editable="handle_editable">
</kendo:propertyGrid-item>
<script>
    function handle_editable(e) {
        // Code to handle the editable event.
    }
</script>

editor String

Provides a way to specify a custom editing UI for the value of the property. To create the editing UI, use the container parameter.When used as String, defines the editor component type. Set the options for the component via the items.editorOptions.For further info check the Form API: field

Example

<kendo:propertyGrid-item editor="handle_editor">
</kendo:propertyGrid-item>
<script>
    function handle_editor(e) {
        // Code to handle the editor event.
    }
</script>

template String

The template which is rendered for the property's value.

Example

<kendo:propertyGrid-item template="handle_template">
</kendo:propertyGrid-item>
<script>
    function handle_template(e) {
        // Code to handle the template event.
    }
</script>

Event Tags

kendo:propertyGrid-item-editable

The JavaScript function that is executed when the value cell is about to be opened for editing. The returned result will determine whether an editor will be created.

Example

<kendo:propertyGrid-item>
    <kendo:propertyGrid-item-editable>
        <script>
            function(e) {
                // Code to handle the editable event.
            }
        </script>
    </kendo:propertyGrid-item-editable>
</kendo:propertyGrid-item>

kendo:propertyGrid-item-editor

Provides a way to specify a custom editing UI for the value of the property. To create the editing UI, use the container parameter.When used as String, defines the editor component type. Set the options for the component via the items.editorOptions.For further info check the Form API: field

Example

<kendo:propertyGrid-item>
    <kendo:propertyGrid-item-editor>
        <script>
            function(e) {
                // Code to handle the editor event.
            }
        </script>
    </kendo:propertyGrid-item-editor>
</kendo:propertyGrid-item>

kendo:propertyGrid-item-template

The template which is rendered for the property's value.

Example

<kendo:propertyGrid-item>
    <kendo:propertyGrid-item-template>
        <script>
            function(e) {
                // Code to handle the template event.
            }
        </script>
    </kendo:propertyGrid-item-template>
</kendo:propertyGrid-item>