Kendo UI（多 Select 下拉列表）- 从外部文件更改数据值

Question

我正在使用 Kendo UI（Multi Select 下拉列表），我想从外部脚本文件更改它的选项值。

仅当我未在 html 页面中初始化 Kendo 功能时，这才按预期工作 {Online DEMO}。

所以，我已经在 html 页面中有了选项：

我的HTML页面：

    <select id="multiselect" multiple="multiple" class="mySelectBox">
      <option>Option 1</option>
      <option>Option 2</option>
    </select>
    <select id="multiselect2" multiple="multiple">
      <option>Option 3</option>
      <option>Option 4</option>
    </select>

    <script language="Javascript">
      $("#multiselect, multiselect2").kendoMultiSelect();
    </script>

并尝试将 external.js 文件中的值替换为：

     var dataMultiselect = ["New Value 1", "New Value 2", "New Value 3"];
      $("#multiselect").kendoMultiSelect({
        dataSource: dataMultiselect
      });
      $("#multiselect2").kendoMultiSelect({
        dataSource: dataMultiselect
      });

它不起作用...任何帮助都可以挽救我的一天

获取错误为“Uncaught TypeError: Cannot set property 'selected' of undefined”

Answer 1

您可以使用函数 setDataSource

更改数据值

var data2 = ["Five", "Six"];
var multiselect = $("#multiselect").data("kendoMultiSelect");
multiselect.setDataSource(new kendo.data.DataSource({ data: data2 }));

Dojo example

Kendo UI（多 Select 下拉列表）- 从外部文件更改数据值

Kendo UI (Multi Select Dropdown) - Change data values from External file

jquery

kendo-ui

telerik

kendo-multiselect