Kendo UI for Angular MultiColumnComboBox Overview

The Kendo UI for Angular MultiColumnComboBox is a form component that lets you choose from a table-structured list of options.

It is a richer version of the <select> element and supports data binding, filtering, templates, and the entering of custom values.

The MultiColumnComboBox 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 MultiColumnComboBox in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • Data bindingYou can bind the MultiColumnComboBox to a list of possible values containing arrays of complex data.
  • Value bindingThe MultiColumnComboBox enables you to set its value to primitive or complex data.
  • Columns
  • Custom valuesYou can override the default behavior of the MultiColumnComboBox and configure it to accept custom values.
  • FilteringApart from its default filter functionality, the MultiColumnComboBox provides options for performing server-side filtering and using its built-in filter directive.
  • GroupingYou can group MultiColumnComboBox items and display them as a grouped result.
  • VirtualizationThe MultiColumnComboBox supports a virtualization mechanism which noticeably improves the performance of the component when it handles large datasets.
  • Disabled itemsYou can disable any of the MultiColumnComboBox items and prevent users from interacting with them.
  • SuggestionsThe MultiColumnComboBox renders suggestions which appear while the user types in the input field.
  • Controlling the open stateThe MultiColumnComboBox allows you to implement a manual toggle functionality for its options list and prevent its opening and closing.
  • TemplatesYou can customize the content of the MultiColumnComboBox by using templates for its cells, header, footer, and other elements.
  • Forms supportYou can use the MultiColumnComboBox both in template-driven and reactive Angular forms.
  • GlobalizationAll Kendo UI for Angular Dropdowns provide globalization options.
  • AccessibilityThe MultiColumnComboBox is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigationThe MultiColumnComboBox supports a number of keyboard shortcuts for processing various commands.

In this article

Not finding the help you need?