Hi, we have a grid that uses the Change event to go to a new screen, but the Change event is fired multiple times. Is this as expected or a bug?
In the example below, the "Change" dialog is shown twice in Chrome and 3 times in FF.
@(Html.Kendo().Grid<VorDNAModel.SimpleModel.SimpleMixture>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.MixtureId).Filterable(false).Title("Identification").Width(100);
columns.Bound(p => p.ReferenceNumber).Title("Reference #").Width(100);
columns.Bound(p => p.CaseName).Title("Case").Width(100);
columns.Bound(p => p.Description).Title("Description").Width(100);
columns.Bound(p => p.CollectionLocation).Title("Collection Location").Width(100);
columns.Bound(p => p.CollectedOn).Format("{0:MM/dd/yyyy}").Title("Collection Date").Width(100);
columns.Bound(p => p.LabAnalysisDate).Format("{0:MM/dd/yyyy}").Title("Lab Analysis Date").Width(100);
})
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.Selectable(selectable => selectable.Mode(GridSelectionMode.Single))
.Events(events => events.Change("onRowSelectionChanged"))
.HtmlAttributes(new { style = "height:740px;" })
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("ListMixtures", "Mixture"))
)
)
function onRowSelectionChanged(arg) {
alert("Change!");
}
In the example below, the "Change" dialog is shown twice in Chrome and 3 times in FF.
@(Html.Kendo().Grid<VorDNAModel.SimpleModel.SimpleMixture>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.MixtureId).Filterable(false).Title("Identification").Width(100);
columns.Bound(p => p.ReferenceNumber).Title("Reference #").Width(100);
columns.Bound(p => p.CaseName).Title("Case").Width(100);
columns.Bound(p => p.Description).Title("Description").Width(100);
columns.Bound(p => p.CollectionLocation).Title("Collection Location").Width(100);
columns.Bound(p => p.CollectedOn).Format("{0:MM/dd/yyyy}").Title("Collection Date").Width(100);
columns.Bound(p => p.LabAnalysisDate).Format("{0:MM/dd/yyyy}").Title("Lab Analysis Date").Width(100);
})
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.Selectable(selectable => selectable.Mode(GridSelectionMode.Single))
.Events(events => events.Change("onRowSelectionChanged"))
.HtmlAttributes(new { style = "height:740px;" })
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("ListMixtures", "Mixture"))
)
)
function onRowSelectionChanged(arg) {
alert("Change!");
}