Vue TreeView - Overview

TreeView is a UI component that displays a tree of text nodes.

In this overview, you can find a map of TreeView elements, information about key features, and what to explore next.

1. Search
2. Expand icon
3. Collapse icon
4. Item

• Data Binding
  TreeView can load and update data from different data source types. You can define data as plain or hierarchical. If you choose plain data, you can load it in a virtual mode to improve performance with large datasets.

• Search
  You can enable search in the TreeView component, allowing node searches if they are loaded.

• Selection
  When selection is enabled, TreeView displays check boxes. You can specify various selection modes. To handle selection, use event handlers such as onSelectionChanged, onSelectAllValueChanged, and onItemSelectionChanged.

• Customization
  You can customize TreeView appearance. Set custom collapse and expand icons. Specify a custom template for all items or individually for each item.

• Getting Started with TreeView

• API

• Demos