New to Telerik UI for ASP.NET MVCStart a free 30-day trial

ASP.NET MVC DropDownTree Overview

The Telerik UI DropDownTree HtmlHelper for ASP.NET MVC is a server-side wrapper for the Kendo UI DropDownTree widget.

The DropDownTree represents an editor of hierarchical data, rendered in a tree-like structure, which provides multiple selection option and custom nodes.

Initializing the DropDownTree

The following example demonstrates how to define the DropDownTree.

Razor
@(Html.Kendo().DropDownTree()
    .Name("dropdowntree")
    .DataTextField("Name")
    .DataValueField("id")
    .DataSource(dataSource => dataSource
        .Read(read => read
            .Action("Read_DropDownTreeData", "Home")
        )
    )
)

Basic Configuration

The following example demonstrates the basic configuration of the DropDownTree.

Razor
    @(Html.Kendo().DropDownTree()
        .Name("dropdowntree")
        .Checkboxes(true)
        .Filter(FilterType.Contains)
        .DataTextField("Name")
        .DataTextField("ID")
        .DataSource(dataSource => dataSource
            .Read(read => read
                .Action("Employees", "Home")
            )
        )
    )

Functionality and Features

FeatureDescription
Data bindingThe DropDownTree supports different data binding approaches.
CheckboxesYou can add checkboxes to the DropDownTree's items.
FilteringYou are able to filter the displayed DropDownTree items by their text value.
ItemsYou can configure different options for the items of the component.
TemplatesThe DropDownTree supports customizing its look through templates.
AccessibilityThe DropDownTree is accessible by screen readers and provides WAI-ARIA, Section 508, WCAG 2.2, and keyboard support.

Next Steps

See Also