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.
suby
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 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

Sort by
0
Nikolay
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.

<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

Tags
Chart
Asked by
suby
Top achievements
Rank 1
Answers by
Nikolay
Telerik team
Share this question
or