Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Kendo UI-MultiSelect替换从外部文件动态创建的数据源_Jquery_Kendo Ui_Kendo Dropdown_Kendo Multiselect - Fatal编程技术网

Jquery Kendo UI-MultiSelect替换从外部文件动态创建的数据源

Jquery Kendo UI-MultiSelect替换从外部文件动态创建的数据源,jquery,kendo-ui,kendo-dropdown,kendo-multiselect,Jquery,Kendo Ui,Kendo Dropdown,Kendo Multiselect,如何替换外部.js文件中的Kendo UI MultiSelect数据源值 PS:实际值来自index.html文件,如下所示: index.html <select multiple="multiple" class="city_fields initi-select-218" id="test"> </select> var data = [ "New Jersey", "San Francisco", "Las Vegas",

如何替换外部.js文件中的Kendo UI MultiSelect数据源值

PS:实际值来自
index.html
文件,如下所示:

index.html

<select multiple="multiple" class="city_fields initi-select-218" id="test">
</select>

var data = [
     "New Jersey",
     "San Francisco",
     "Las Vegas",
     "Chicago",
     "Los Angeles",
     "New York"
];

jQuery(".city_fields").kendoMultiSelect({
  dataSource: data,
  filter: "contains",
});
已尝试选项2:

var newData = ["Delhi",  "Bangalore"];
jQuery(".initi-select-218").kendoMultiSelect({
    dataSource: newData,
    filter: "contains",
    placeholder: "Select",
});
var newData = ["Delhi", "Bangalore"];
$("#test").kendoMultiSelect({
    dataSource: newData,
    filter: "contains",
    placeholder: "Select",
}); 
$("#test").setDataSource(new kendo.data.DataSource({ data: newData }));
var newData = ["Delhi",  "Bangalore"];
var multiselect = $("#test").data("kendoMultiSelect");
multiselect.setDataSource(new kendo.data.DataSource({ data: newData }));
已尝试选项3:

var newData = ["Delhi",  "Bangalore"];
jQuery(".initi-select-218").kendoMultiSelect({
    dataSource: newData,
    filter: "contains",
    placeholder: "Select",
});
var newData = ["Delhi", "Bangalore"];
$("#test").kendoMultiSelect({
    dataSource: newData,
    filter: "contains",
    placeholder: "Select",
}); 
$("#test").setDataSource(new kendo.data.DataSource({ data: newData }));
var newData = ["Delhi",  "Bangalore"];
var multiselect = $("#test").data("kendoMultiSelect");
multiselect.setDataSource(new kendo.data.DataSource({ data: newData }));
对于选项2和3,我得到的错误如下

未捕获类型错误:$(…)。setDataSource不是函数


但是,它仍然从
index.html
文件中获取值,这是因为您有css类的jquery选择器。剑道
multiselect
也将相同的类应用于包装器

<div class="k-widget k-multiselect k-header city_fields initi-select-218" unselectable="on" title="" style="">
    ...
    <select multiple="multiple" class="city_fields initi-select-218" data-role="multiselect" aria-disabled="false" aria-readonly="false" style="display: none;">
        ...
    </select>
</div>

更新工作示例:

谢谢@Gene R。。。但它仍然不起作用。。。相反,我得到的错误是
uncaughttypeerror:cannotreadproperty'setDataSource'的未定义属性
对于下面的代码:
var newData=[“德里”,“班加罗尔”];var multiselect=$(“#测试”).data(“kendoMultiSelect”);multiselect.setDataSource(new kendo.data.DataSource({data:newData}))
@Reddy首先需要init multiselect:
$(“#test”).kendoMultiSelect({…})Hi-Gene R。。。但是没运气又试了一次。。。我已经用尝试过的选项更新了问题。。。请帮助我:(@Gene R…谢谢…但问题是:如果两个(数据和新数据)都来自同一个地方,那么它工作得很好,而如果新数据来自外部文件,那么它就不工作了:(