javascript - Kendo UI 列表框显示重复项目

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
});

这是我正在使用的数据源数组。

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

发生了什么事以及如何解决这个问题？

Answer 1

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

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

1. 更改数据源的 data :

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

2. 设置setDataSource再次:

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