Kendo UI for jQuery MultiColumnComboBox Overview
The MultiColumnComboBox visualizes huge sets of data in a grid-like table.
Besides the core virtualization, templates, cascading, and data-binding functionality that the standard Kendo UI ComboBox provides, the MultiColumnComboBox enables you to define columns that will be rendered in the drop-down and specify against which fields from the data source the filter will apply.
The MultiColumnComboBox is part of Kendo UI for jQuery, a
professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Initializing the MultiColumnComboBox
To initialize the MultiColumnComboBox, use any of the following approaches:
- Use the
<option>
tag of an existing<select>
element with defined data items. - Bind the widget to a local data array and use the
<input>
element. - Bind the widget to a remote data service and use the
<input>
element.
- Verify that you create the MultiColumnComboBox within a
$(document).ready()
statement because the widget has to be initialized after the DOM fully loads.- The widget copies any styles and CSS classes from the
input
element to thewrapper
element and visible input.
Functionality and Features
- Data binding
- Columns
- Filtering
- Grouping
- Virtualization
- Templates
- Cascading MultiColumnComboBoxes
- Appearance