Selected MultiSelect Item Is Lost When Bound to Shared Data Source
Environment
| Product | Progress® Kendo UI® MultiSelect for jQuery | Progress® Kendo UI® DataSource for jQuery |
| Operating System | Windows 10 64bit |
Description
The selected item in the jQuery MultiSelect gets lost when bound to a shared data source.
Cause
This behavior is expected. The selected item of the component is directly related to the data source view and if it does not contain the selected item, then the widget removes its current value.
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").kendoMultiSelect({
dataSource: ds
});
$("#ms2").kendoMultiSelect({
dataSource: ds
});
The following example demonstrates the solution to the sample issue.
var ds = new kendo.data.DataSource({ data: ["foo", "bar"] });
ds.read();
$("#ms1").kendoMultiSelect({
dataSource: new kendo.data.DataSource({ data: ds.data() });
});
$("#ms2").kendoMultiSelect({
dataSource: new kendo.data.DataSource({ data: ds.data() });
});