Kendo UI for Angular MultiSelectTree Overview

The Kendo UI for Angular MultiSelectTree is a form component that renders data in a tree-like structure and allows for multiple selection.

It is a richer version of the <select> element and supports templates, and configurable options for controlling the component's behavior.

The MultiSelectTree Component is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the MultiSelectTree in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • Data bindingThe MultiSelectTree enables you to work with various types of data and provides a number of directives which cover various data-binding scenarios.
  • Value bindingThe MultiSelectTree enables you to set its value to primitive or complex data.
  • FilteringApart from its default filter functionality, the MultiSelectTree provides built-in filter directives, and options for auto-expanding its items while filtering and performing manual filtering.
  • CheckboxesThe MultiSelectTree allows you to implement checkboxes for managing its items selection.
  • Persisting the expanded stateYou can persist the expanded state of MultiSelectTree items when the popup TreeView is re-rendered.
  • Disabled itemsYou can disable any of the MultiSelectTree items and prevent users from interacting with them.
  • Summary-tag modeThe MultiSelectTree allows you to customize the display of its selected tags.
  • TemplatesYou can customize the content of the MultiSelectTree by using templates for its items, header, footer, and other elements.
  • Controlling the open stateThe MultiSelectTree enables you to configure the initially opened item and prevent the opening and closing of its options list.
  • Forms supportYou can use the MultiSelectTree both in template-driven and reactive Angular forms.
  • GlobalizationAll Kendo UI for Angular Dropdowns provide globalization options.
  • AccessibilityThe MultiSelectTree is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigationThe MultiSelectTree supports a number of keyboard shortcuts for processing various commands.

In this article

Not finding the help you need?