Kendo下拉框给出[Object Object]动态绑定数组值



这是我的代码:

var arr = [];
for (var i = 0; i < GanttData.length; i++) 
{  arr.push({"text":GanttData[i].Projectname,"value":GanttData[i].Projectuid});}   
var dropdownlistF = $("#drp_resources").data("kendoMultiSelect");
dropdownlistF.setDataSource(arr);

但是它不起作用。任何帮助都是祝福。

感谢

这取决于您如何定义小部件参数。根据MultiSelect文档,它将在数据中查找的默认文本字段名称是''(dataTextField),因此您需要设置它:

$("#drp_resources").kendoMultiSelect({
dataTextField: 'text'
});

演示:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.2.510/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.2.510/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.2.510/styles/kendo.default.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.2.510/styles/kendo.mobile.all.min.css">
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.2.510/js/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.2.510/js/jszip.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.2.510/js/kendo.all.min.js"></script></head>
<body>
<select id="drp_resources"></select>
<script>
var arr = [],
GanttData = [{
Projectname: 'test', 
Projectuid: 123
}];

$("#drp_resources").kendoMultiSelect({
dataTextField: 'text'
});
for (var i = 0; i < GanttData.length; i++) 
{  arr.push({"text":GanttData[i].Projectname,"value":GanttData[i].Projectuid});}   
var dropdownlistF = $("#drp_resources").data("kendoMultiSelect");
dropdownlistF.setDataSource(arr);
</script>
</body>
</html>

Dojo

最新更新