Kendo UI Listbox 显示重复项

Question

我正在使用 Kendo UI 列表框控件来显示项目。我通过将 javascript 数组指定为数据源来填充控件。

这是页面标记。

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

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

这是我用来填充 Kendo UI 列表框控件的 javascript / JQuery。

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

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

这是我正在使用的 DataSource 数组。

当控件显示时，同样的两项却显示多次错误。

发生了什么，我该如何解决？

Answer 1

您似乎是在已经存在的实例上重新创建小部件，这就是它复制项目的原因。 Check this out.

如果您想更新已创建的小部件实例的列表，请尝试：

1. 更改DataSource的data：

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

2. 再次设置setDataSource：

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