Progress Telerik 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.
  • This control is part of the Telerik ASP.NET MVC suite along with 100+ full-featured UI components, designed to build rich & responsive web apps for any device twice as fast.
  • Achieve fast meaningful results with our detailed documentation, live demos, online technical trainings & outstanding support team.
Download Free Trial
Telerik UI for ASP.NET MVC Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo

  • 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. 
    See Demo
    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 MVC 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.  
    See Demo
    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. 
    See Demo
    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.  
    See Demo

  • 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. 
    See Demo
    Telerik UI for ASP.NET MVC 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 MVC 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. 
    See Demo
    Telerik UI for ASP.NET MVC 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 MVC Keyboard navigation

  • TreeView Theming

    The ASP.NET MVC TreeView component has 20+ built-in themes and swatches. Explore the Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better) 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. 
get-started-waves

Next Steps

Launch demos

See UI for ASP.NET MVC in action and check out how much it can do out-of-the-box.

Compare pricing

Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.

Download Free Trial

Try UI for ASP.NET MVC with dedicated technical support.