Javascript 剑道UI列表框显示重复项目

Javascript 剑道UI列表框显示重复项目,javascript,jquery,kendo-ui,Javascript,Jquery,Kendo Ui,我正在使用剑道UI列表框控件来显示项目。我通过指定一个javascript数组作为数据源来填充控件 这是页面标记 <div> <select id="selectedview"></select> </div> <script> $(document).ready(function () { $("#selectedview").kendoListBox(); }); </script>

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

这是页面标记

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

<script>
    $(document).ready(function () {
        $("#selectedview").kendoListBox();
    });
</script>
这是我正在使用的数据源数组

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


发生了什么以及如何修复此问题?

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

如果要更新已创建的小部件实例的列表,请尝试以下操作之一:

  • 更改数据源的:

  • 要再次设置:


  • 是的,这个问题显然与在后续页面加载时加载控件有关。在初始页面加载时,控件可以正常工作并完美地加载数据。在更新控件时,数据是重复的。我来看看这些建议:)第二个建议对我很有效。我会记下答案。非常感谢你的帮助我很感激:)@DomBurf听到这个消息很高兴!!不客气。祝你好运
    var listBox = $("#selectedview").data("kendoListBox");
    listBox.clearSelection();
    
    $("#selectedview").kendoListBox({
        dataSource: subscribers
    });
    
    $("#selectedview").data("kendoListBox").dataSource.data(subscribers);
    
    $("#selectedview").data("kendoListBox").setDataSource(new kendo.data.DataSource({ 
        data: subscribers
    });