Grid row selection on IE 11

11 posts, 1 answers
  1. Mauro
    Mauro avatar
    4 posts
    Member since:
    Jun 2013

    Posted 30 Sep 2013 Link to this post

    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


  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 02 Oct 2013 Link to this post

    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!
  3. Mauro
    Mauro avatar
    4 posts
    Member since:
    Jun 2013

    Posted 02 Oct 2013 Link to this post

    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

  4. Answer
    Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 03 Oct 2013 Link to this post

    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!
  5. Mauro
    Mauro avatar
    4 posts
    Member since:
    Jun 2013

    Posted 03 Oct 2013 Link to this post

    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
  6. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 03 Oct 2013 Link to this post

    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!
  7. Cliff
    Cliff avatar
    2 posts
    Member since:
    Jul 2013

    Posted 25 Nov 2013 Link to this post

    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?
  8. Sebastian
    Admin
    Sebastian avatar
    9934 posts

    Posted 26 Nov 2013 Link to this post

    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!
  9. Cliff
    Cliff avatar
    2 posts
    Member since:
    Jul 2013

    Posted 27 Nov 2013 Link to this post

    Hi Sebastian - upgrading to version 2013.3.1119 fixes the issue.

    Thanks =]
  10. Dan
    Dan avatar
    37 posts
    Member since:
    Oct 2013

    Posted 22 Nov 2016 Link to this post

    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)



     

  11. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 24 Nov 2016 Link to this post

    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.
Back to Top