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

【问题标题】：How can I disable row selection toggling in Kendo Angular Grid?如何在 Kendo Angular Grid 中禁用行选择切换？
【发布时间】：2017-12-21 10:11:32
【问题描述】：

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

如果重复单击，我希望所选行保持突出显示。我在文档中找不到任何表明这是可能的内容，但这似乎是一个合理的要求（必须始终选择一行的情况）。

是否有一种内置的、未记录的方法可以做到这一点？

【问题讨论】：

标签： angular kendo-grid

【解决方案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 };
}

【讨论】：

我接受了这个，因为我没有其他答案，感谢您抽出宝贵时间发布它。最后我们选择了另一个功能更好的网格。
@MarkFarr 你选择了哪个网格？
@indra257对于如此延迟的反应（2 年，哇），我深表歉意。这是我们框架团队内部开发的网格。总的来说，它并没有更好的功能，只是为了达到这个目的而更好。

【解决方案2】：

建议的答案对我根本不起作用。该类已应用，但 k-disabled 什么也不做。我使用替代的pointer-events: none css 属性来实现相同的效果。

【讨论】：