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

Grid row selection on IE 11

10 Answers 222 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Mauro
Top achievements
Rank 1
Mauro asked on 30 Sep 2013, 08:42 AM
Hi to everyone...

I have a problem with the kendo grid on IE 11

@(Html.Kendo().Grid(Model)  
    .Name("Grid")  
    .Columns(columns =>
    {
        columns.Bound(m => m.ID).Title("ID").Hidden(true);
        columns.Bound(m => m.DESC).Title("DESC");    
    })    
    .Selectable(s => s.Mode(GridSelectionMode.Single))    
    .DataSource(d=>d.Server().Model(mod=>mod.Id(m=>m.ID)))
    )

This configuration properly works on old IEs or other browser like Firefox, but on IE11 the row doesn't get selected on mouse click.
It seems to me that the k-state-selected class is not added to the selected row and due this lack the js function grid.select() is not working too.

thank's for your help
mauro


10 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 02 Oct 2013, 05:08 AM
Hi Mauro,

I have tried to reproduce the problem that you are describing using our online demos, but to no avail. I am using Internet Explorer 11 version 11.0.9600. Would it be possible to extract a runnable sample showing the behaviour that you are describing and also, please tell me which version of Internet Explorer 11 you are using and if possible upgrade to the latest one.
 
Regards,
Kiril Nikolov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Mauro
Top achievements
Rank 1
answered on 02 Oct 2013, 07:51 AM
Hi Kiril,
thank you for your help.

I prepared an example project , you can see the page at this url
http://localhost:58237/kendo

I'm using  the version 11.0.9600 too, on Windows 7, but  on windows 8.1 with the same IE version doesn't  work either.
A colleague of mine is using a previous version of IE 11 (11.0.9431.0) and the grid works perfectly  for him

Hope this'll help

Regards
Mauro

0
Accepted
Kiril Nikolov
Telerik team
answered on 03 Oct 2013, 10:36 AM
Hello Mauro,

The problem comes from the fact that you are using jQuery 2.0.3. Please keep in mind that this version is not currently supported from Kendo UI. I have tested your code with jQuery 1.9.1 - the version currently recommended, and it seems to working as expected.
 
Regards,
Kiril Nikolov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Mauro
Top achievements
Rank 1
answered on 03 Oct 2013, 01:49 PM
Hi Kiril,
the problem was the JQuery version indeed.
My project where I had the  problem was using JQuery version 1.8.2, the example project I sent you  JQuery v 2.1.0 ... the right version is of course 1.9.1 :-)

My fault, I didn't pay attention to it...

thank you very much
Mauro
0
Kiril Nikolov
Telerik team
answered on 03 Oct 2013, 02:40 PM
Hi Mauro,

I am glad it helped. 

Most probably newer version of jQuery will be supported it the near future, but as we always suggest - use the recommended version, that we have tested everything on, so you will not get surprised.

Good luck with your project.
 
Regards,
Kiril Nikolov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Cliff
Top achievements
Rank 1
answered on 25 Nov 2013, 08:32 PM
I have the same problem--but I am using the correct version of jQuery (1.9.1).

The specific IE version is 11.0.9600.16384 on Windows 8.1. If I switch the document mode to 10, 9, 8 and even 7 it works fine =(

Using Kendo version 2013.1.514

Any ideas/solutions?
0
Sebastian
Telerik team
answered on 26 Nov 2013, 10:19 AM
Hello Cliff,

You are using rather an old version of our Kendo UI framework (Q1'13 SP) when IE 11 was not official yet. Can you verify whether the selection works as expected when you migrate to version 2013.2.918 or the most recent release (2013.3.1119)?

Let us know.

Regards,
Sebastian
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Cliff
Top achievements
Rank 1
answered on 27 Nov 2013, 08:46 PM
Hi Sebastian - upgrading to version 2013.3.1119 fixes the issue.

Thanks =]
0
Dan
Top achievements
Rank 1
answered on 22 Nov 2016, 08:59 PM

I have upgraded to 2016.3.1028 and am having the same issue
I am using jQuery 1.9.1 on i.e. 11.0.9600

I have legacy code that is now breaking:

my Grid configuration looks like this:

.Selectable(s => s.Mode(Kendo.Mvc.UI.GridSelectionMode.Single))

 

My JavaScript for check box check looks like this:

function updateExportCB(cb) {
            var grid = $("#Receipts").data("kendoGrid");
            var di = grid.dataItem(grid.select());
            //di.selectedForExport = cb.checked.toString();
            di.selectedForExport = cb.checked;
        }

was working fine before the upgrade.

(I have also upgraded Jquery from 1.7.1  =>  1.9.1)



 

0
Kiril Nikolov
Telerik team
answered on 24 Nov 2016, 08:24 AM
Hello,

The code that you provided should be working with the latest version as well. Would it be possible to send us a runnable sample where the problem can be reproduced, so we can investigate further? Please open a separate support request and we will be happy to help.


Regards,
Kiril Nikolov
Telerik by Progress
Telerik UI for ASP.NET MVC is ready for Visual Studio 2017 RC! Learn more.
Tags
Grid
Asked by
Mauro
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Mauro
Top achievements
Rank 1
Cliff
Top achievements
Rank 1
Sebastian
Telerik team
Dan
Top achievements
Rank 1
Share this question
or