<kendo:treeList-editable>

If set to true, the user will be able to edit the data to which the TreeList is bound. By default, editing is disabled. can be set to a JavaScript object (which represents the editing configuration) or to a string (which specifies the edit mode).The supported string values are: (Default) inline; popup or incell.

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", "popup" and "incell".

Example

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

move boolean

Enables the drag-and-drop UI of rows between parents. Further configuration is available via kendo:treeList-editable-move.

Example

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

template java.lang.String

The template which renders the popup editor.The template has to contain elements whose name HTML attribute is set to the name of the editable field. In this way, the TreeList recognizes the field to which it has to bind the each editor. Alternatively, use MVVM bindings for binding 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 set to popup. For more information, refer to the configuration API of the Window.

Example

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

Configuration JSP Tags

kendo:treeList-editable-move

Enables the drag-and-drop UI of rows between parents.

More documentation is available at kendo:treeList-editable-move.

Example

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

Event Attributes

template String

The template which renders the popup editor.The template has to contain elements whose name HTML attribute is set to the name of the editable field. In this way, the TreeList recognizes the field to which it has to bind the each editor. Alternatively, use MVVM bindings for binding 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 has to contain elements whose name HTML attribute is set to the name of the editable field. In this way, the TreeList recognizes the field to which it has to bind the each editor. Alternatively, use MVVM bindings for binding 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>
In this article
Not finding the help you need?