This is a migrated thread and some comments may be shown as answers.
Kendo Cahrt and dropdownlist not working simultanously
1 Answer 9 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
suby asked on 11 Aug 2020, 12:27 PM

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 ((index):730)
    at init.setup (kendo.all.js:5945)
    at (kendo.all.js:5924)
    at kendo.all.js:7006
    at init._queueRequest (kendo.all.js:7221)
    at (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 (kendo.all.js:29842)

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

Sort by
Telerik team
answered on 13 Aug 2020, 12:00 PM

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.

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>@ViewBag.Title - My Telerik MVC Application</title>

<link href="" 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=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src="@Url.Content("~/Scripts/bootstrap.min.js")"></script>

More information can b obtained in the the following article:

Let me know if this helps.

Progress Telerik

Asked by
Top achievements
Rank 1
Answers by
Telerik team
Share this question