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.

Kendo UI for jQuery Kendoka image

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 the wrapper element and visible input.

Functionality and Features

  • Data binding—The MultiColumnComboBox enables you to bind it to local data arrays and to remote data services.
  • Columns—You can configure multiple columns based on the data fields in the MultiColumnComboBox.
  • Filtering—The MultiColumnComboBox allows you to filter its data.
  • Grouping—You can use the provided options for displaying data items categorized by a specific model field of the MultiColumnComboBox.
  • Virtualization—The MultiColumnComboBox enables you to display large datasets by using a fixed amount of list items in its popup list.
  • Templates—You can also control the way a MultiColumnComboBox item or the popup header and footer are rendered by using the Kendo UI templates.
  • Cascading MultiColumnComboBoxes—The cascading functionality of the MultiColumnComboBox enables you to implement a series of two or more components in which each MultiColumnComboBox is filtered according to the selected options in the previous one.
  • Appearance—You can use the available styling options for configuring the size, border radius, and fill mode of the MultiColumnComboBox.
  • Prefix and suffix—The MultiColumnComboBox component lets you add custom content as prefix and suffix adornments.

Next Steps

See Also

In this article