'Kendo dropdown giving [Object Object] when binding values dynamically from array
This is my code:
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);
But it's not working. Any help will be blessing.
Thanks
Solution 1:[1]
It depends on how you defined the widget parameters. According to MultiSelect docs the default text field name it will look for in the data is ''(dataTextField), so you need to set it:
$("#drp_resources").kendoMultiSelect({
dataTextField: 'text'
});
Demo:
<!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>
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | DontVoteMeDown |
