TreeView

Example

<kendo-treeview>
    <animation></animation>
    <checkboxes />
    <drag-and-drop />
    <hierarchical-datasource></hierarchical-datasource>
    <items></items>
    <messages />
</kendo-treeview>

ChildTags

Tag Name Details
animation TreeViewAnimationSettingsTagHelper
checkboxes TreeViewCheckboxesSettingsTagHelper
drag-and-drop TreeViewDragAndDropSettingsTagHelper
hierarchical-datasource HierarchicalDataSourceTagHelper
items TreeViewItemsTagHelper
messages TreeViewMessagesSettingsTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
as-child-component Boolean
bind-to IEnumerable<TreeViewItemBase> Binds a list of items to the TreeView
data-image-url-field String Sets the field of the data item that provides the image URL of the TreeView nodes.
data-sprite-css-class-field String Sets the field of the data item that provides the sprite CSS class of the nodes. If an array, each level uses the field that is at the same index in the array, or the last item in the array.
data-text-field String Sets the field of the data item that provides the text content of the nodes. If an array, each level uses the field that is at the same index in the array, or the last item in the array.
data-url-field String Sets the field of the data item that provides the link URL of the nodes.
drag-and-drop-enabled Boolean Disables (false) or enables (true) drag-and-drop of the nodes.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
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.
auto-bind Boolean If set to false the widget will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the data source specified in the configuration.
auto-scroll Boolean If set to true the widget will auto-scroll the containing element when the mouse/finger is close to the top/bottom of it.
data-source-id String The Id of the data source.
has-client-component Boolean
load-on-demand Boolean Indicates whether the child DataSources should be fetched lazily when parent groups get expanded. Setting this to false causes all child DataSources to be loaded at initialization time.
on-change String Triggered when the selection has changed (either by the user or through the select method).
on-check String Triggered after the user has checked or unchecked a checkbox. If checkChildren is true, the event is triggered after all checked states are updated. This event has been introduced in internal builds after 2014.2.828.
on-collapse String Triggered before a subgroup gets collapsed. Cancellable.
on-data-bound String Triggered after the dataSource change event has been processed (adding/removing items);
on-drag String Triggered while a node is being dragged.
on-dragend String Triggered after a node has been dropped.
on-dragstart String Triggered before the dragging of a node starts.
on-drop String Triggered when a node is being dropped.
on-expand String Triggered before a subgroup gets expanded.
on-kendo-keydown String Triggered when the user presses a keyboard key while the TreeView is focused.
on-load-completed String This event triggers only when loadOnDemand is set to false - it indicates that all nodes that need to be loaded are ready and present as data items in the DataSource of the TreeView.
on-navigate String Triggered when the user moves the focus on another node
on-select String Triggered when a node is being selected by the user. Cancellable.
sanitize-id Boolean
size ComponentSize Sets the size of the component.
template String Template for rendering each node.
template-handler String Template for rendering each node.
template-id String Template for rendering each node.
template-view IHtmlContent Template for rendering each node.
In this article
Not finding the help you need?