• 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.

Node Customization and Selection

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 a non-contiguous manner.

Node Expansion and Animation

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.

Remote and Lazy Loading

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.

Customize the TreeView with CSS

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.

Next Steps