Kendo Grid onChange Event hangs in FireFox 19.0 and behaves differently in IE 9

10 posts, 0 answers
  1. Suraj
    Suraj avatar
    1 posts
    Member since:
    Nov 2012

    Posted 21 Feb 2013 Link to this post

    Dear Kendo Team,

    I'm using a simple grid, which I binded with few thousand records, and added a Change event. Below is the code.
    @(Html.Kendo().Grid(Model.OtherCompanyVesselsModelList)
                          .Name("grdOtherCompanyVessels")
                          .Columns(columns =>
                          {
                              columns.Bound(p => p.ID).Visible(false).Width(50);
                              columns.Bound(p => p.VesselName).Width(150);
                              columns.Bound(p => p.IMONo).Width(100);
                          })
                                  .Pageable(paging => paging.PageSizes(new int[3] { 50, 100, 500 }))
                                  .Sortable()
                                  .Selectable()
                                  .Navigatable()
                                  .Scrollable(scrollable => scrollable.Height(480))
                                  .Reorderable(reorder => reorder.Columns(true))
                                  .Resizable(resize => resize.Columns(true))
                                  .Events(e => e.Change("onChange"))
                                  .Filterable()
                                  .DataSource(dataSource => dataSource
                                                                .Ajax()
                                                                .Read(read => read.Action("FetchOtherCompanyVesselDetails", "OtherCompanyVessels"))
                                                                )
                                  )

    Now in my Change event, I just kept one alert.

    function onChange(e) {
            alert('In Change');
        }

    But when I run the page in FireFox 19.0 and selects any row in the grid, it shows alert after long time(approx 10-15 seconds), and second time when I select any other row the FireFox itself stops responding. Finally I've to close FireFox.
    And the same thing if I execute in Chrome 24.0, it works perfectly.
    And in IE 9, the change event executes twice and prompt alert twice.

    Grateful, if you assist me here.
    I'm using Kendo.Mvc v4.0.30319 with VS2012.

    Regards,
    Suraj Kumar Singh.
  2. Petur Subev
    Admin
    Petur Subev avatar
    1882 posts

    Posted 25 Feb 2013 Link to this post

    Hello Suraj,

    Can you put the case into a project which we can run and see that delay which you described? In the online demos the change event does not seem to fire for no reason.


    Regards,
    Petur Subev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Mike
    Mike avatar
    1 posts
    Member since:
    Jul 2011

    Posted 07 Mar 2013 Link to this post

    I have the same issue with Kendo version 2012.3.1315 in VS 2010.

    Works fine in Chrome, locks up latest Firefox, can wait a few then click anywhere and it eventually starts responding. And fires twice in IE 9.
  4. Petur Subev
    Admin
    Petur Subev avatar
    1882 posts

    Posted 08 Mar 2013 Link to this post

    Hello Suraj,

    I tried to reproduce the problem and indeed there is huge performance issues when using version 1315.

    The good news are that this behavior does not appear in the latest internal build

    Also you can try if this problem exists with the beta version of the Q1 2013.

    Kind Regards,
    Petur Subev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Suraj
    Suraj avatar
    1 posts
    Member since:
    Nov 2012

    Posted 08 Mar 2013 Link to this post

    Thank you, kendo team for your response.
    Will update the version of Kendo and let you know.

    Regards,
    Suraj Kumar Singh.
  6. John
    John avatar
    23 posts
    Member since:
    Nov 2012

    Posted 28 Mar 2013 Link to this post

    Any update?

    Really need a solution on this - development has stopped in this area as users all use Firefox and IE.
  7. Mark
    Mark avatar
    1 posts
    Member since:
    Mar 2013

    Posted 29 Mar 2013 Link to this post

    I'm experiencing similar behavior with 2013.1.319.340.
    In IE 9.0.14, onChange fires twice. In Chrome 26 it fires once.
    Is there a resolution or recommended workaround for this problem?
  8. Stepochkin
    Stepochkin avatar
    2 posts
    Member since:
    Sep 2012

    Posted 30 Mar 2013 Link to this post

    I've identical problems!!
  9. Petur Subev
    Admin
    Petur Subev avatar
    1882 posts

    Posted 01 Apr 2013 Link to this post

    Hello all,

    This is happening because inside the change handler you are using the alert() method. If you are using it for testing purposes I would suggest you to use the console.log() instead.
    If you are going to use within production you will need to use a setTimeout to call it.

    Kind Regards,
    Petur Subev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  10. saritha
    saritha avatar
    1 posts
    Member since:
    Apr 2013

    Posted 25 Apr 2013 Link to this post

    I have the same issue with Kendo.Mvc 2013.1.319 with VS2012.
    In IE 9.0.14, onChange fires twice. In Chrome 26 it fires once.
    And FireFox not working.
    I would really appreciate if you could answer ASAP.?

    Thank You

Back to Top