New to Kendo UI for Angular? Start a free 30-day trial

Data Binding

The MultiColumnComboBox enables you to bind it to a list of possible values.

The list can contain objects only. To use an array of primitive values, use the ComboBox.

Fields Configuration

To bind the component to object data, define the textField and valueField properties. The MultiColumnComboBox will extract the value and text values from the selected data item and in this way will set the selected value and text.

To define the popup table content, define a kendo-combobox-column for each desired column. For more information on all available column options, refer to the dedicated article on columns.

Even though the MultiColumnComboBox is bound to object data, it can still produce primitive values on value change. For more information, refer to the article on value binding.

Binding to Local Data

The following example demonstrates how to bind the MultiColumnComboBox to an array of local object values.

Example
View Source
Edit In Stackblitz  
Change Theme:

Binding to Remote Data

The MultiColumnComboBox can also be bound to remote data. To indicate an ongoing loading operation, you can display a loading indicator by setting the loading property to true.

The following example demonstrates how to bind the MultiColumnComboBox to remote data by using a service.

Example
View Source
Edit In Stackblitz  
Change Theme: