<kendo:treeList-editable>

If set to true the user would be able to edit the data to which the treelist is bound. By default editing is disabled.Can be set to a string ("inline" or "popup") to specify the editing mode. The default editing mode is "inline".Can be set to a JavaScript object which represents the editing configuration.

Example

<kendo:treeList>
    <kendo:treeList-editable></kendo:treeList-editable>
</kendo:treeList>

Configuration Attributes

mode java.lang.String

The editing mode to use. The supported editing modes are "inline" and "popup".

Example

<kendo:treeList-editable mode="mode">
</kendo:treeList-editable>

move boolean

Enables drag&drop UI of rows between parents.

Example

<kendo:treeList-editable move="move">
</kendo:treeList-editable>

template java.lang.String

The template which renders the popup editor.The template should contain elements whose name HTML attributes are set as the editable fields. This is how the treelist will know which field to update. The other option is to use MVVM bindings in order to bind HTML elements to data item fields.

Example

<kendo:treeList-editable template="template">
</kendo:treeList-editable>

window java.lang.Object

Configures the Kendo UI Window instance, which is used when the TreeList edit mode is "popup". The configuration is optional.For more information, please refer to the Window configuration API.

Example

<kendo:treeList-editable window="window">
</kendo:treeList-editable>

Event Attributes

template String

The template which renders the popup editor.The template should contain elements whose name HTML attributes are set as the editable fields. This is how the treelist will know which field to update. The other option is to use MVVM bindings in order to bind HTML elements to data item fields.

Example

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

Event Tags

kendo:treeList-editable-template

The template which renders the popup editor.The template should contain elements whose name HTML attributes are set as the editable fields. This is how the treelist will know which field to update. The other option is to use MVVM bindings in order to bind HTML elements to data item fields.

Example

<kendo:treeList-editable>
    <kendo:treeList-editable-template>
        <script>
            function(e) {
                // Code to handle the template event.
            }
        </script>
    </kendo:treeList-editable-template>
</kendo:treeList-editable>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve the information

close
Dummy