UI for ASP.NET MVC
The Telerik UI for ASP.NET MVC DropDownTree component takes the best of both TreeView and DropDown and visualizes hierarchical data in a tree-like system, with ability to select multiple items and render custom notes. The component provides multiple built-in configuration options, such as adding images and checkboxes as well as local or remote data binding.
See the ASP.NET MVC DropDownTree in action
The DropDownTree items are flexible in both form and function. They can display text, an icon or a combination of the two, each designed with aesthetics in mind. Choose from a wide variety of images or sprites to match the unique requirements of your app.
The ASP.NET MVC DropDownTree supports checkbox functionality as a way of selecting items within the dropdown menu. It offers a number of configuration options—through a Boolean value, by using inner detailed options or a Template option that allows you to define a script for checkbox rendering. Refer to the documentation page to find out more about Checkbox functionality.
Create smoother and more efficient form experiences for users with the Ui for ASP.NET MVC DropDownTree Floating Label feature. By adding a label that floats above the input, you can save space while ensuring end-users don’t lose context.
The DropDownTree adaptive mode enables a mobile-friendly rendering of its suggestion list popup. Simply set the AdaptiveMode parameter to AdaptiveMode.Auto – this will trigger the picker component to automatically adapt to the current screen size and will change its rendering accordingly.
The DropDownTree provides full control over the way a node, a selected value, a popup header or footer is rendered through the five available templates: Item, Value, Header, Footer and No-Data.
See how Templates work in ASP.NET MVC DropDownTree Demo
Right-to-left support is available for languages like Arabic and Hebrew, in which users read from right to left. You can satisfy any cultural preference with the DropDownTree by toggling between left-to-right and right-to-left alignment with only a few settings.
The DropDownTree provides keyboard navigation features to allow as many people as possible to use it. Refer to the demo page for detailed information on how to open/close the popups and navigate within the tree with the intuitive keyboard shortcuts.