Kendo Map - Asp.Net core

[Asmir]

Hi,

I have a problem with the kendo map using tag helpers, and I'm getting the error: 

Uncaught TypeError: a.mobile.ui.Scroller is not a constructor
at init._initScroller (kendo.all.js:174114)
at new init (kendo.all.js:174307)
at HTMLDivElement.<anonymous> (kendo.all.js:2435)
at Function.each (jquery.js:360)
at jQuery.fn.init.each (jquery.js:137)
at jQuery.fn.init.e.fn.(anonymous function) [as kendoMap] (http://localhost:50902/lib/kendo/2018.1.221/js/kendo.all.min.js:26:4668)
...


I tried the tag helper implementation and it's not working, neither with razor, nor jquery. Error is the same. I'm using kendo for asp.net core 2018.1.221. Do you have any idea what cause the problem? 

Kind regards,
Asmir

 

[Asmir]

Very important thing I didn't mention is that I'm trying binding to GeoJSON, the same implementation works perfect on an ASP.NET MVC project, but not on a .NET Core. I hope you can help me, Right now I'm looking for razor syntax solution.

Thank you,
Asmir M.

[Georgi]

Hello Asmir,

Based on the provided information I assume that the issue is caused due to a missing script reference.

Below I am listing all the dependencies of the Kendo Map.

<script src="http://kendo.cdn.telerik.com/2018.2.516/js/kendo.core.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2018.2.516/js/kendo.data.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2018.2.516/js/kendo.userevents.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2018.2.516/js/kendo.popup.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2018.2.516/js/kendo.tooltip.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2018.2.516/js/kendo.color.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2018.2.516/js/kendo.drawing.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2018.2.516/js/kendo.dataviz.core.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2018.2.516/js/kendo.fx.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2018.2.516/js/kendo.draganddrop.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2018.2.516/js/kendo.mobile.scroller.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2018.2.516/js/kendo.dataviz.map.min.js"></script>

Furthermore, another approach is to link the kendo.all.js script in your project as it contains the source of all Kendo widgets.

e.g.

<script src="https://kendo.cdn.telerik.com/2018.2.516/js/kendo.all.min.js"></script></head>

Regards,
Georgi
Progress Telerik