I have a MVC .NET application. In one of the page I have Kendo chart and dropdownlist .
the problem is when I <script src="~/Scripts/kendo/kendo.all.min.js"></script> charts will render but it throws error for dropdownlist
Uncaught TypeError: kendo.ui.DropDownList.requestData is not a function
at Object.data ((index):730)
at init.setup (kendo.all.js:5945)
at init.read (kendo.all.js:5924)
at kendo.all.js:7006
at init._queueRequest (kendo.all.js:7221)
at init.read (kendo.all.js:6999)
at init.query (kendo.all.js:7422)
at init._filterSource (kendo.all.js:29706)
at init._filter (kendo.all.js:29807)
at init.search (kendo.all.js:29842)a
and if I remove <script src="~/Scripts/kendo/kendo.all.min.js"></script> dropdown works fine but charts will not work. throws error saying kendoChart is not a function
Please if anyone can Help me on this..
1 Answer, 1 is accepted
Hello Suby,
Thank you for sharing the error message the console is throwing.
This most likely points out that the Kendo UI client-side resources are not loaded correctly. Please note that shall be included to the <head> tag in the _Layout. The kendo.all.min.js and kendo.aspnetmvc.min.js script files have to be loaded after the jquery.min.js script. jQuery should be loaded only once in the <head> tag. Make sure there are no duplicate references elsewhere in the _Layout.
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>@ViewBag.Title - My Telerik MVC Application</title>
<link href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.bootstrap-v4.min.css" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/bootstrap.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<script src="https://kendo.cdn.telerik.com/2020.2.617/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.2.617/js/jszip.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.2.617/js/kendo.all.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.2.617/js/kendo.aspnetmvc.min.js"></script>
<script src="@Url.Content("~/Scripts/bootstrap.min.js")"></script>
</head>More information can b obtained in the the following article:
Let me know if this helps.
Regards,
Nikolay
Progress Telerik