Jquery Kendo UI-MultiSelect替换从外部文件动态创建的数据源
如何替换外部.js文件中的Kendo UI MultiSelect数据源值 PS:实际值来自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",
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…谢谢…但问题是:如果两个(数据和新数据)都来自同一个地方,那么它工作得很好,而如果新数据来自外部文件,那么它就不工作了:(