Angular 排序/筛选时剑道UI网格选择不正确

我在Angular中使用剑道ui网格，并使用以下html：

<kendo-grid 
[kendoGridBinding]="absortCommunicationOverview" 
[height]="510"
[pageSize]="10"
[pageable]="true" 
[sortable]="true" 
[filterable]="true" 
[selectable]="selectableSettings" 
kendoGridSelectBy 
[selectedKeys]="selectedKeys"
[rowClass]="rowCallback"
>

<kendo-grid-checkbox-column width="40">
</kendo-grid-checkbox-column>

<kendo-grid-column field="jobInfo.jobName" title="Job Name">
</kendo-grid-column>

<kendo-grid-column field="jobInfo.jobDisplayName" title="Job Display Name">
</kendo-grid-column>

<kendo-grid-column field="midFileReference" title="MID File Reference">
</kendo-grid-column>

<kendo-grid-column field="nrItemsInMID" title="Nr Items in MID">
</kendo-grid-column>

<kendo-grid-column field="jobManagerStatus" title="status">
</kendo-grid-column>

<kendo-grid-column field="expiryTimestamp" title="Expiry Timestamp" filter="date" format="{0: dd-MM-yyyy HH:mm}">
</kendo-grid-column>

<ng-template kendoGridDetailTemplate let-dataItem let-rowIndex="rowIndex">
    <app-ab-status-tasks-grid [tasks]="dataItem.tasks"></app-ab-status-tasks-grid>
</ng-template>

我可以使用以下selectableSettings选择行：

  public selectableSettings: SelectableSettings = {
    enabled : true,
    checkboxOnly: false
  };

以及保存所选项目的变量

public selectedKeys: [] = [];

稍后我将使用selectKeys数组对所选行执行操作

  public OpenDialogOverride(){

    var jobDisplayNames:string = ''
    this.selectedKeys.forEach(key=>{
      jobDisplayNames += this.absortCommunicationOverview[key].jobInfo.jobDisplayName + ', '
    })
    jobDisplayNames = jobDisplayNames.slice(0, -2)
    
    this.dialogStartOverrideOpened = true;
  }

但是，我注意到以下行为：

例如，如果我有两行，并且我单击了排序或使用了过滤器，则所选项目的索引是错误的

所以在无序网格中，如果我选择第二行，selectedKeys包含2，这是正确的。 但是，如果我对列进行排序，使行现在位于顶部，则所选索引为1，这对于数据数组中的元素是不正确的

我还注意到，如果我选择一行，然后对网格进行排序，则选择将更改为另一行

---

谢谢你的洞察力

事实证明，我应该更仔细地查看文档

不带参数的kendoGridSelectBy指令将行索引用作选择键

这会导致筛选/排序时出现问题

解决方案是将kendoGridSelectBy设置为数据字段

就我而言：

kendoGridSelectBy="flowId"

然后可以使用过滤器从数据数组中解析正确的项

this.selectedKeys.forEach(key=>{
    var selectedFlow = this.absortCommunicationOverview.filter(a=>a.flowId == key)[0];
    //...
  })

this.selectedKeys.forEach(key=>{
    var selectedFlow = this.absortCommunicationOverview.filter(a=>a.flowId == key)[0];
    //...
  })