Disable Checkbox column based on bound data

[Mike]

I have the following grid set.  Is there a way I can override the template or something else that will disable the checkbox based on a boolean from the data object?

    <kendo-grid selectable="multiple" height="600" auto-bind="false">
        <columns>
            <column selectable="true" width="30" locked="true" />
...
        </columns>
</kendo-grid>

[Petar]

Hi Mike,

You cannot disable the checkboxes in the Grid directly by using the column template. Once the data in the Grid is bound, you can go through it and enable/disable the checkboxes based on the scenario in the application you are working on. Attached to my reply you will find a runnable project demonstrating how we can disable all checkboxes that are on rows with OrderID value bigger than 5. Here is the code that is executed on the dataBound event of the Grid:

    function onDataBound() {
        var grid = $("#grid").data("kendoGrid");
        var allRows = grid.items();
        $.each(allRows, function (index, value) {
            if (grid.dataItem(value).OrderID > 5) {
                 $(value).find(".k-checkbox").attr('disabled', true);
            }
        })
    }

I hope the above snippet demonstrates how you can achieve the desired functionality. Let me know if you need further assistance with the current case. 

Regards,
Petar
Progress Telerik

[Mike]

that worked, thank you.

[Duhong]

After disabled, the checkboxes are checked when you check All.

[Anton Mironov]

Hi Duhong,

Yes, you are totally correct - this is the expected behavior when the user checks the Select All option.

 

Kind Regards,
Anton Mironov

[Mike]

@Duhong - you have to programatically account for whether the checkbox is enabled or not.  You cannot prevent the check all.  The solution prevents at least the direct selection but not the check all.