如何在Kendo Angular Grid中禁用行选择切换？

Question

根据documentation，Kendo Angular网格的默认行选择行为是切换选择 - 也就是说，单击选定（突出显示）的行将取消选择它（删除突出显示）。

我希望选中的行在重复点击时保持突出显示。我一直无法在文档中找到任何暗示这是可能的东西，但它似乎是一个合理的要求（在这种情况下，必须始终选择一行）。

是否有内置的，无证的方式来做到这一点？

Answer 1

我假设您的项目是Angular 2+。 一旦通过使用rowClass回调输入选择行，就可以禁用与行的交互。您可能需要将组件的'this'绑定到回调行，以确保您可以将组件密钥放入回调中。喜欢的东西：

模板：

<kendo-grid [rowClass]="selectionToggleCallback" [selectedKeys]="keys"> 

组件：

keys:Array<number> = []; 
ngOnInit(){ 
    this.selectionToggleCallback = this.selectionToggleCallback.bind(this); 
} 

selectionToggleCallback(context:RowClassArgs){ 
    const isDisabled = this.keys.includes(context.index); 
    return { 'k-disabled' : isDisabled }; 
}