Html.Kendo().Grid checkbox selection not working

[Anil kumar]

Hello,

I have Html.Kendo().Grid with checkbox column based on field(IsEnabled) is true that particular grid cell with check box needs to allow the user selection. if field(IsEnabled) is false that particular cell should be disabled and not allow the user to select or deselect.

The issue I'm facing is, it is allow to select the check box in second click only. not allowing to select in single click on that check box

sample code which I am using:

columns.Bound(c => c.IsEnabled)
    .Title(Localizer["EnableDisableFlag", "PSFPro"].Value)
    .ClientTemplate("<input type='checkbox' class='check-state enableDisableFlagCB'" +
        $"onclick = 'handleEnableDisableFlagCheckBoxClicked(this);'" +
        $"#= {nameof(TransactionTypeMappingParameterViewModel.IsEnabled)} ? " +
        "'checked=checked' : '' # />")
        .Sortable(false);

[Mihaela]

Hello Anil,

Would you update the ClientTemplate() option as per the example below and let me know if the checkbox can be checked and unchecked as expected at your end?

columns.Bound(c => c.IsEnabled)
    .Title(Localizer["EnableDisableFlag", "PSFPro"].Value)
    .ClientTemplate("<input type='checkbox' class='check-state enableDisableFlagCB'" +
        $"onclick = 'handleEnableDisableFlagCheckBoxClicked(event);'" +
        $"#= IsEnabled ? 'checked=checked' : 'disabled=disabled' #")
    .Sortable(false);

According to this example, the checkbox will be checked if the property "IsEnabled" equals "true". Otherwise, the checkbox will be disabled.

Here is a REPL sample for your reference:

https://netcorerepl.telerik.com/QIEmFjbA58YYK2Es22

 

Regards,
Mihaela
Progress Telerik