Kendo UI(多选下拉菜单) - 从外部文件更改数据值

时间:2015-12-19 15:02:54

标签: jquery kendo-ui telerik kendo-multiselect

我正在使用Kendo UI(多选下拉列表),我想从外部脚本文件更改它的选项值。

只有在我没有初始化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

1 个答案:

答案 0 :(得分:1)

您可以使用 setDataSource

功能更改数据值
var data2 = ["Five", "Six"];
var multiselect = $("#multiselect").data("kendoMultiSelect");
multiselect.setDataSource(new kendo.data.DataSource({ data: data2 }));  

Dojo example