Visualize, edit and select hierarchical data as a tree. The MVC TreeView control provides interaction, style, and performance features like drag-and-drop, animation, and lazy-loading.
Visualize and Navigate Hierarchical Data
The simplest, most common use for the MVC TreeView control is simple navigation; the control's hierarchical structure and auto-search functionality makes it easy for users to drill down and find the items they need.
Provide Selection of Multiple Items
TreeView provides the most efficient way to select multiple, non-adjacent items within a long, hierarchical list. Selection is made possible using checkboxes.
Create Customized Data Bound TreeView
The MVC TreeView nodes are generated automatically from a bound data source. You may implement lazy-loading and customize each node programmatically as it's being rendered.
TreeView allows you to create custom nodes containing text, checkboxes, images, or arbitrary HTML content. In addition, the MVC TreeView supports single and multiple node selection. You can select multiple nodes in a contiguous or non-contiguous manner.
TreeView allows you to expand either a single node or all nodes in the tree as per the requirement. The MVC TreeView is also animated, so the icons and child lists will slide up when collapsed.
The MVC TreeView control makes lazy loading super easy. Lazy loading is useful when you are dealing with large hierarchical data sources and would like to avoid the delays involved in loading the entire data set at once. You can also load the node items from a remote URL.
With simple CSS, you can customize the look of the TreeView's font, color, font style, and even include images to represent node items. You can even make the MVC TreeView look and behave like an accordion. With an accordion style, only one panel is expanded at a time, keeping the interface uncluttered.