background

UI for ASP.NET MVC

ASP.NET MVC TreeView

  • Use the ASP.NET MVC TreeView component to display hierarchical data in a tree-like structure and enable single or multiple item selection. Offering built-in checkbox support, templates, keyboard navigation, and more.
  • Part of the Telerik UI for ASP.NET MVC library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms and more!
Telerik UI for ASP.NET MVC Suite
  • Overview

    The TreeView component allows you to present hierarchical data in a tree-structure in your project. Users can select one or multiple items, drag and drop elements to reorder them and change the hierarchy as they see fit. The component can be bound to various data sources and comes with built-in check box support, templates, animation effects and keyboard navigation. 
    Telerik UI for ASP.NET MVC TreeView
  • Data Binding

    The ASP.NET MVC TreeView component gives you a couple of options for data binding – Local (on the server) and Remote (using a DataSource). 



    Telerik UI for ASP.NET Core Data Binding
  • Images and Sprites

    The Telerik UI for ASP.NET MVC TreeView component lets you add images or sprites to each node. This lets you tailor the component to match your project’s design and feel.  
    Telerik UI for ASP.NET MVC TreeView - Images
  • Checkboxes

    The TreeView component comes with built-in checkbox support, which makes it way easier for users to select the TreeView nodes they desire.  


    Telerik UI for ASP.NET MVC TreeView - Checkboxes
  • Drag and Drop

    Users can drag and drop nodes across all TreeView levels or between two or more TreeView components. To clearly illustrate where the item will be dropped, we have added tooltips to this functionality. 

    Check out the ASP.NET MVC TreeView Drag and Drop demo
    Telerik UI for ASP.NET MVC TreeView - Dragging
  • Animation Effects

    The component allows you to choose between Toggle and Expand animation effects. 

    Explore the ASP.NET MVC TreeView Animation Effects
  • Templates

    Completely redefine the look and feel of a standard TreeView node. Using custom made templates, you can provide a unique appearance for each node. 
    Telerik UI for ASP.NET MVC TreeView - Templates
  • Load on Demand

    The Remote Binding on-demand feature makes it possible to load data only when needed. This allows you to make a node load its children only when it is expanded.  
  • Scaffolding

    Telerik UI for ASP.NET MVC provides Scaffolding templates which allow you to apply standard scaffolding to generate MVC-helper declarations together with the related Controller action methods. The MVC TreeView is one of the components that can be included in your project through the Scaffolding configuration panel of the Kendo UI Scaffolder.

    Read more in our documentation
  • Server- and Client-Side API for Extra Flexibility

    The Telerik UI for ASP.NET MVC comes with a complete server-side API. With simple API calls, you can configure all features of the MVC TreeView. Since the server wrappers output the JavaScript, you also have full access to the client-side API for maximum control in the browser. 
    Telerik UI for ASP.NET Core Rich API
  • Events

    The TreeView component fires various events depending on the interactions of the users with the component. Some of them include selection, expanding, loading, dragging and more. 

    See more about the various events fired by the Telerik UI for ASP.NET MVC TreeView
    Telerik UI for ASP.NET Core Events
  • Security Trimming

    The ASP.NET MVC TreeView component comes with a built-in security trimming functionality, enabled by default. This means that if a TreeView item is connected to an unauthorized URL, the item will be hidden. 


  • RTL Support

    The TreeView component, like most UI controls from the Telerik UI for ASP.NET MVC suite, supports RTL configuration. The RTL functionality is supported by most of our components to accommodate users who communicate through a right-to-left language such as Arabic or Hebrew. 
    Telerik UI for ASP.NET Core RTL Support
  • Accessibility

    Rest easy and rely on the fact that the Telerik ASP.NET MVC TreeView is compliant with Section 508 and WCAG 2.1 guidelines—perfect for scenarios where accessibility is a large concern.

    Telerik UI for ASP.NET MVC Accessibility
  • Keyboard Navigation

    The Telerik UI for ASP.NET MVC TreeView is one of the many components in the Telerik UI for ASP.NET MVC suite with keyboard navigation support.  To see a full list of supported keys and the user actions they lead to check out this demo
    Telerik UI for ASP.NET Core Keyboard navigation
  • TreeView Theming

    The ASP.NET MVC TreeView component has multiple built-in themes and swatches. Explore the Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI) themes and choose the swatch that best meets your design requirements.

    You can easily customize any theme with a few lines of CSS or create a new one to match your colors and branding with the Progress SASS ThemeBuilder application

All ASP.NET MVC Components

Next Steps