Kendo UI Listbox с отображением дубликатов

Question

Я использую элемент управления Kendo UI Listbox для отображения элементов.Я заполняю элемент управления, указав массив javascript в качестве источника данных.

Вот разметка страницы.

<div>
  <select id="selectedview"></select> 
</div>

<script>
    $(document).ready(function () {
        $("#selectedview").kendoListBox();
    });
</script>

А вот javascript / JQuery, который я использую для заполненияэлемент управления Kendo UI Listbox.

var listBox = $("#selectedview").data("kendoListBox");
listBox.clearSelection();

$("#selectedview").kendoListBox({
    dataSource: subscribers
});

Вот массив данных, который я использую.

Когда отображается элемент управленияоднако те же два элемента отображаются несколько раз по ошибке.

Что происходит и как это исправить?

Answer 1

Вы, кажется, воссоздаете виджет поверх уже существующего экземпляра, поэтому он дублирует элементы. Проверьте это .

Если вы хотите обновить список уже созданного экземпляра виджета, попробуйте либо:

1. Изменить источник данных data:

   $("#selectedview").data("kendoListBox").dataSource.data(subscribers);
   

2. Для установки setDataSource снова:

   $("#selectedview").data("kendoListBox").setDataSource(new kendo.data.DataSource({ 
       data: subscribers
   });