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

时间:2017-07-17 00:55:30

标签: angularjs kendo-grid

Kendo Angular网格的默认行选择行为是切换选择 - 也就是说,单击所选(突出显示的)行将根据documentation取消选择(删除突出显示)。

如果重复点击选定的行,我希望保持高亮显示。我一直无法在文档中找到任何可能表明这是可能的内容,但它似乎是一个合理的要求(必须始终选择一行的情况)。

是否可能有内置的,未记录的方式来执行此操作?

2 个答案:

答案 0 :(得分:1)

我假设你的项目是Angular 2+。 一旦通过使用rowClass回调输入选择了行,就可以禁用与行的交互。您可能需要将Component的'this'绑定到回调行,以确保可以将Component键放入回调中。类似的东西:

模板:

<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 };
}

答案 1 :(得分:1)

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