Problem with checkbox in batch mode editing.

[Mike]

I'm setting up an MVC grid with a true/false column to represent if the row is a selected row (to store in the database). The problem occurs when i click the true/false cell, a checkbox shows up as expected, but when i attempt to click the checkbox, instead of checking the box, the cell goes back to display mode. If I click the cell to put it in editing mode and use the space bar, it will check the checkbox just fine, but I need the ability to use a mouse click to check the box.

Here's the grid:

Html.Kendo().Grid<SelectedProjects>()
                 .Name("StaticViewGrid")
                 .HtmlAttributes(new { @style = "display:inline-block;" })
                 .Columns(columns =>
                 {
                     columns.Bound(o => o.Selected);
                     columns.Bound(o => o.SystemID);
                     columns.Bound(o => o.ProjectName);
                     columns.Bound(o => o.Environment);
                     columns.Bound(o => o.SitEntryDate).Format("{0:d}");
                     columns.Bound(o => o.SitExitDate).Format("{0:d}");
                     columns.Bound(o => o.ProductionInstallDate).Format("{0:d}");
                 })
                 .ToolBar(toolbar => toolbar.Save())
                 .Editable(editing => editing.Mode(Kendo.Mvc.UI.GridEditMode.InCell))
                 .Filterable()
                 .Sortable()
                 .DataSource(dataSource => dataSource
                     .Ajax()
                     .Batch(true)
                     .ServerOperation(false)
                     .Model(model =>
                     {
                         model.Id(o => o.EngagementID);
                         model.Field(o => o.Selected).Editable(true);
                         model.Field(o => o.SystemID).Editable(false);
                         model.Field(o => o.ProjectName).Editable(false);
                         model.Field(o => o.Environment).Editable(false);
                         model.Field(o => o.SitEntryDate).Editable(false);
                         model.Field(o => o.SitExitDate).Editable(false);
                         model.Field(o => o.ProductionInstallDate).Editable(false);
                     })
                     .Read(read => read.Action("SelectedEngagementItemData", "Amethyst"))
                     .Update(update => update.Action("SelectedEngagementItems_Update", "Amethyst"))
                 )

Here's the model.

    public partial class SelectedProjects
    {
         public Guid EngagementViewID { get; set; }
         public string EngagementViewName { get; set; }
         public bool Selected { get; set; }
         public int EngagementID { get; set; }
         public Nullable<int> SystemID { get; set; }
         public string ProjectName { get; set; }
         public string Environment { get; set; }
         public Nullable<DateTime> SitEntryDate { get; set; }
         public Nullable<DateTime> SitExitDate { get; set; }
         public Nullable<DateTime> ProductionInstallDate { get; set; }
    }

I've looked through the forums for similar issue, but I cannot see what I'm doing wrong. Please help if you can.

[Dimiter Madjarov]

Hello Michael,

This is a known issue in Chrome. A workaround that I can suggest you is to enable the Navigatable property. This will allow you to click on the checkbox, while you are in edit mode. For additional information you could see the example shown in this Code Library.

All the best,
Dimiter Madjarov
the Telerik team

[Mike]

Thank you Dimiter, you hit the nail on the head!

I was only using Chrome in my initial test, so I tested in IE and Firefox and verified it is not an issue in other browsers. Afterwards, I set the Navigatable property and corrected the behavior in Chrome.

Do you know if this issue will be corrected in the next release?

Thanks again. 

[Dimiter Madjarov]

Hi Michael,

 
Since this is a browser issue, there is not so much that we could do. We have reported the bug in Chromium issue tracker and we recommend everyone to vote here or here to speed up the fixing process.

Have a great day!

Kind regards,
Dimiter Madjarov
the Telerik team