javascript - Kendo UI Listbox 显示重复项

Question

我正在使用 Kendo UI Listbox 控件来显示项目。我通过将 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 数组。

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

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

标签： javascriptjquerykendo-ui

Answer 1

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

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

1. 更改数据源的data：

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

2. 重新设置setDataSource：

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