Simple grid using version 2012.2.831 in MVC 4:
@(Html.Kendo().Grid<SurveyTracker.Models.TimelineGrid>()
.Name("TimelineGrid")
.Columns(columns =>
{
columns.Bound(p => p.BeginDate).Format("{0:MM/dd/yyyy}").EditorTemplateName("Date");
columns.Bound(p => p.EndDate).Format("{0:MM/dd/yyyy}").EditorTemplateName("Date");
})
.DataSource(source => source
.Ajax()
.ServerOperation(false)
.Model(model => model.Id(x => x.Id))
.Read(x => x.Action("GetTimelines", "Home").Data("filterTimelines"))
)
.Pageable()
.Selectable(x => x.Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
.Navigatable()
.Events(x => x.Change("selectTimeline"))
)
Three issues:
1) The grid is not selectable unless it has the .Navigatable() option specified. The demo doesn't mention that.
2) Biggest issue: Selecting a row doesn't fire the change event.
3) It selects the cell instead of the row.
Any ideas on why this is happening? It's pretty close to the demo code under Grid/Events for MVC.
@(Html.Kendo().Grid<SurveyTracker.Models.TimelineGrid>()
.Name("TimelineGrid")
.Columns(columns =>
{
columns.Bound(p => p.BeginDate).Format("{0:MM/dd/yyyy}").EditorTemplateName("Date");
columns.Bound(p => p.EndDate).Format("{0:MM/dd/yyyy}").EditorTemplateName("Date");
})
.DataSource(source => source
.Ajax()
.ServerOperation(false)
.Model(model => model.Id(x => x.Id))
.Read(x => x.Action("GetTimelines", "Home").Data("filterTimelines"))
)
.Pageable()
.Selectable(x => x.Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
.Navigatable()
.Events(x => x.Change("selectTimeline"))
)
Three issues:
1) The grid is not selectable unless it has the .Navigatable() option specified. The demo doesn't mention that.
2) Biggest issue: Selecting a row doesn't fire the change event.
3) It selects the cell instead of the row.
Any ideas on why this is happening? It's pretty close to the demo code under Grid/Events for MVC.
2 Answers, 1 is accepted
0
Accepted
Hi James,
Dimiter Madjarov
the Telerik team
I tried to reproduce the issue in version 2012.2.831, but to no avail. I am attaching the project, that I used for testing. Could you take a look at it and let me know if it covers your scenario. If that is not the case, could you modify the project to reproduce the issue and send it back to me to assist you further?
I am looking forward to hearing from you.
Dimiter Madjarov
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Accepted
James
Top achievements
Rank 1
Rank 1
answered on 22 Mar 2013, 09:47 PM
Very sorry about that, it seems it's all tied to "~/Scripts/kendo/2012.2.831/jquery.min.js". The Navigatable() tag just selects the cell as well. Without that included script, it won't select the row and won't fire the event. Won't give an error either.