background

UI for ASP.NET MVC

ASP.NET MVC DropDownTree

  • Visualize data in a hierarchical tree-like structure with the ASP.NET MVC DropDownTree component. Providing flexible data binding and appearance customization through images, checkboxes, and templates.
  • 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 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

    Telerik UI for ASP.NET MVC DropDownTree - Overview
  • Data Binding

    You can choose to bind data to the DropDownTree component by either declaring all items within the HTML helper or use the data-binding approach to local data—on the server or remotely—through the DataSource configuration.  

    Telerik UI for ASP.NET MVC Data Binding
  • Images

    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.

    Telerik UI for ASP.NET MVC DropDownTree - Images
  • Filtering

    The Telerik UI for ASP.NET MVC DropDownTree component comes with built-in filtering functionality. It lets the user filter the displayed items by typing something their item(s) of interest starts with, contains or ends with.
  • Checkboxes

    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.

    Telerik UI for ASP.NET MVC DropDownTree - Checkboxes
  • Floating Label

    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.

    See the ASP.NET MVC DropDownTree Floating Label demo

    Telerik UI for ASP.NET MVC DropDownTree Floating Label
  • Adaptive Mode

    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.

    See the Telerik UI for ASP.NET MVC DropDownTree Adaptive Rendering Demo

    Telerik UI for ASP.NET MVC DropDownTree-AdaptiveRendering
  • Templates

    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

    Telerik UI for ASP.NET MVC DropDownTree - Templates
  • RTL Support

    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.

    Telerik UI for ASP.NET MVC RTL Support
  • Keyboard Navigation

    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.

    Telerik UI for ASP.NET Core Keyboard navigation

All ASP.NET MVC Components

Next Steps