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!
-
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.
-
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).
-
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.
-
Checkboxes
The TreeView component comes with built-in checkbox support, which makes it way easier for users to select the TreeView nodes they desire.
-
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
-
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.
-
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.
-
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
-
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.
-
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.
-
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.
-
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.
