This is a migrated thread and some comments may be shown as answers.

MVC - Batch - DropDownList - jQuery

1 Answer 95 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Justin Lee asked on 30 Jun 2017, 04:13 PM

Hello,

We have an MVC web app and have a kendo grid with batch editing. One of the columns is a dropdownlist. (using columns.ForeignKey())

It works perfectly in FireFox. However, it doesn't work at all in Chrome, and you have to double click in Internet Explorer (shows a textbox on first click, then ddl after second click).

To demonstrate the behavior, I created a new telerik MVC project with a grid. I noticed that the template uses jQuery version 1.10.2. Our project is using jQuery version 3.1.1. So I tried switching our project to use 1.10.2 -- and the grid dropdownlist starting working fine in all browsers.

1. Does kendo require you to use a specific (old) version of jQuery?

2. Any suggestions? I hate switching the jQuery version and regression testing the entire app...

* I tried to reproduce in a simple application, but could not. I'm not sure what it is about our grid that causes the issue - but I do know when I toggle between the 2 versions of jQuery, it works with 1.10.2, and not with 3.1.1.

Thanks

1 Answer, 1 is accepted

answered on 04 Jul 2017, 06:13 AM

Hello Justin,

In general, from version 2016.3.1118 (R3 2016 SP2) Kendo UI is officially supporting jQuery 3 and the application should work as expected without changing the versions:

http://docs.telerik.com/kendo-ui/intro/installation/prerequisites#javascript-prerequisites

If the application is using a version of Kendo UI from 2016.3.1118 or upper, and the application is reproducing this error. We will need a runnable example, as the issue sound specific to a jQuery version and to a specific browser.

Also, I can suggest checking our demo, to check if all of the requirements are met:

http://demos.telerik.com/aspnet-mvc/grid/foreignkeycolumn

I do understand that it may be hard to reproduce on an isolated example, but it is required in order to transfer it to the developers' team for investigation.

Regards,
Stefan
Progress Telerik

Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.