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.
Start Free Trial
The following example demonstrates the MultiColumnComboBox in action.
Change Theme
Theme
Loading ...
Key Features
- Data binding—You can bind the MultiColumnComboBox to a list of possible values containing arrays of complex data.
- Value binding—The MultiColumnComboBox enables you to set its value to primitive or complex data.
- Columns
- Custom values—You can override the default behavior of the MultiColumnComboBox and configure it to accept custom values.
- Filtering—Apart from its default filter functionality, the MultiColumnComboBox provides options for performing server-side filtering and using its built-in filter directive.
- Grouping—You can group MultiColumnComboBox items and display them as a grouped result.
- Virtualization—The MultiColumnComboBox supports a virtualization mechanism which noticeably improves the performance of the component when it handles large datasets.
- Disabled items—You can disable any of the MultiColumnComboBox items and prevent users from interacting with them.
- Suggestions—The MultiColumnComboBox renders suggestions which appear while the user types in the input field.
- Controlling the open state—The MultiColumnComboBox allows you to implement a manual toggle functionality for its options list and prevent its opening and closing.
- Templates—You can customize the content of the MultiColumnComboBox by using templates for its cells, header, footer, and other elements.
- Forms support—You can use the MultiColumnComboBox both in template-driven and reactive Angular forms.
- Globalization—All Kendo UI for Angular Dropdowns provide globalization options.
- Accessibility—The MultiColumnComboBox is accessible for screen readers and supports WAI-ARIA attributes.
- Keyboard navigation—The MultiColumnComboBox supports a number of keyboard shortcuts for processing various commands.
Support and Learning Resources
- MultiColumnComboBox Homepage
- Getting Started with the Kendo UI for Angular Dropdowns
- API Reference of the MultiColumnComboBox
- Getting Started with Kendo UI for Angular (Online Guide)
- Getting Started with Kendo UI for Angular (Video Tutorial)
- Virtual Classroom (Training Courses for Registered Users)
- MultiColumnComboBox Forum
- Before You Start: All Things Angular (Telerik Blog Post)
- Knowledge Base