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

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

9 Answers 261 Views

Grid

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

Suraj asked on 21 Feb 2013, 08:55 AM

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.

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

9 Answers, 1 is accepted