html - 如何禁用kendo-grid-checkbox-column？

Question

如何禁用kendo-grid-checkbox-column？

我试过了

[disabled]="true"

[attr.disabled]="true"

disabled ="true"

disabled

readonly

但是没有任何帮助可以禁用下面的列

<kendo-grid-checkbox-column   width="50" showSelectAll="true">
        </kendo-grid-checkbox-column>

Answer 1

您可以使用 Grid rowClass 输入并提供一个函数，该函数将返回“k-disabled”类(或任何其他会阻止用户与给定行交互的自定义​​类)，对于通过某些条件的所有数据项，例如:

public isDisabled(args) {
  return {
       'k-disabled': args.dataItem.UnitsOnOrder === 0
   }; 
}

我希望这有帮助。
========或========

<kendo-grid-checkbox-column>
<ng-template kendoGridCellTemplate let-dataItem let- 
rowIndex="rowIndex" >
<div class="{{dataItem.UnitsOnOrder === 0 ? 'k-disabled' : ''}}">
  <input [kendoGridSelectionCheckbox]="rowIndex" />
</div>
</ng-template>

在最近的 Kendo UI 主题版本中，CSS 类从 k-disabled 更改为 k-state-disabled
资源:https://www.telerik.com/forums/kendo-angular-grid---row-selection