Using Kendo UI with MVC 4

[Rashad Rivera]

Hello,

I'm trying to use Kendo UI with a MVC 4 app but I get the following error:

Object doesn't support property or method 'on'

I've tried including the jquery.min.js that comes with Kendo but it still does not work. MVC uses jQuery v 1.6.2 by default.  I've also tried removing the 1.6.2 reference and using the 1.7.1 (aka jquery.min.js that comes with Kendo), but that too causes other code to fail.  Any suggestions would be appreciated.

- Rashad

[Alex Gyoshev]

Hello Rashad,

Kendo UI requires that you use jQuery 1.7.1, and is incompatible with jQuery 1.6.x. Are the issues that prevent you from moving to jQuery 1.7.1 Kendo-related?

Regards,
Alex Gyoshev
the Telerik team

[Rashad Rivera]

Yes I believe so.  I don't suppose you know of an easy way to update the 1.6.1 jQuery js with 1.7.1?  Again, I tried swapping out the file but other stuff fail.  Perhaps I need to create a new layout.cshtml that uses 1.7.1 alone and apply it to my Kendo page? 

[Alex Gyoshev]

Yes, you could do that. We are not aware of any Kendo-related issues with jQuery 1.7.1 (it's the version we ship Kendo with), so if you find any, let us know.

Kind regards,
Alex Gyoshev
the Telerik team

[Rajesh]

hi ,

i am facing issuse when using any kundoUI controls for MVC beta.it si giving the following error "object doesn't support this property or method "
i followed the link below to create the application

http://www.kendoui.com/documentation/asp-net-mvc/introduction.aspx

Please let know if i am missing anything .

Regrads,
Rajesh

[Pankaj]

As Alex mentioned that Kendo UI is using  jQuery 1.7.1, so if you create a non-empty MVC 4.0 project from Visual Studio then it adds the jQuery 1.6 via BundleConfig.RegisterBundles (see Global.asax.cs). You need to remove the inclusion of jquery-1.* from ScriptBundles (see method in BundleConfig.cs). I am able to use Kendo UI in MVC 4.

[Rashad Rivera]

All,

I figured out what I was doing wrong.  I found that KendoUI does appear to work with the latest 1.8 verions of JQuery.  The problem was that I did not comment out or change the reference to the 1.6 JQuery JS, CSS, and related image files.  I won't explain this process as doing it manually is not recommented.  The simplest way to accomplish this is to add the JQuery 1.8 managed package to your project using Visual Studio's UI
    right click on your MVC web project-> click Managed NuGet Packages -> Search for JQuery 1.8 -> Click the "Install" button
At first, I thought 1.8 UI was the same as 1.8 core library and UI are distinct.  A lesson learned for me.

 - Rashad Rivera