Kendo UI列表框显示重复的项目

Question

我正在使用Kendo UI Listbox控件来显示项目。我通过指定一个javascript数组作为数据源来填充控件。

这是页面标记。

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

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

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

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

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

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

当显示控件时，错误地多次显示相同的两个项目。

发生了什么，我该如何解决这个问题？

Answer 1

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

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

1. 更改数据源＆＃39; data：

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

2. 再次设置setDataSource：

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