New to Kendo UI for jQuery? Download free 30-day trial

Selected ComboBox Item Is Lost When Bound to a Shared Data Source

Environment

Product Progress® Kendo UI® for jQuery ComboBox
Operating System Windows 10 64bit

Description

The selected jQuery ComboBox item is lost when it is bound to the shared DataSource.

Cause

The selected item of the widget is directly related to the data source view. If it does not contain the selected item, then the widget will remove its current value. Such behavior is expected.

Solution

To handle this issue, use separate data sources.

The following example demonstrates a sample issue.

var ds = new kendo.data.DataSource({ data: ["foo", "bar"] });

$("#ms1").kendoComboBox({
    dataSource: ds
});

$("#ms2").kendoComboBox({
    dataSource: ds
});

The following example demonstrates the solution to the above issue.

var ds = new kendo.data.DataSource({ data: ["foo", "bar"] });
ds.read();

$("#ms1").kendoComboBox({
    dataSource: new kendo.data.DataSource({ data: ds.data() });
});

$("#ms2").kendoComboBox({
    dataSource: new kendo.data.DataSource({ data: ds.data() });
});

See Also

In this article