如何在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 }; 
}