Kendo Grid全选复选框异常：无法全选/取消全选仅能取消部分

我创建了一个启用多选功能的Kendo Grid，代码如下：

<kendo-grid
  [reorderable]="false"
  class="border"
  [kendoGridBinding]="data"
  [selectable]="{ enabled: true, checkboxOnly: false, mode: 'multiple' }"
  scrollable="none"
>
  <kendo-grid-checkbox-column
    [showSelectAll]="true"
    [width]="40"
    [columnMenu]="false"
    headerClass="col-header"
  ></kendo-grid-checkbox-column>
  <kendo-grid-column
    title="Person Name"
    headerClass="font-weight-bold col-header"
  >
    <ng-template kendoGridCellTemplate let-dataItem>
      {{ dataItem.lastName }}, {{ dataItem.firstName }}
    </ng-template>
  </kendo-grid-column>

我在kendo-grid-checkbox-column上使用showSelectAll属性，期望通过表头复选框实现全选所有网格行，该功能在Kendo for Angular官方演示中可正常运行。
但我的场景出现异常：

• 未选中任何行时，点击表头复选框无反应；
• 手动选中部分行后，点击显示“-”的表头复选框可取消已选中行；
• 手动全选所有行后，点击带勾选标记的表头复选框无反应。

该复选框无法实现全选或取消全选，仅能取消部分选中行。请问哪里操作有误，该如何修复？

问题出在未绑定网格的选择状态管理属性，Kendo Grid的全选复选框需要依赖selectedKeys和selectBy配置来同步选中状态，没有这两个配置，表头复选框无法正确触发全选/取消全选逻辑。

修复步骤如下：

1. 在组件类中定义选择状态相关属性
   假设你的数据项有唯一主键字段（比如id），在组件中添加：

   import { Component } from '@angular/core';
   
   @Component({
     // 你的组件元数据（selector、templateUrl等）
   })
   export class YourComponent {
     public data = []; // 你的数据源
     public selectedKeys: number[] = []; // 存储选中行的主键集合，类型根据主键调整
     public selectBy = 'id'; // 替换为你的数据项唯一主键字段名
   }
   

2. 在模板的kendo-grid上绑定这两个属性
   修改网格标签，添加[selectedKeys]和[selectBy]绑定：

   <kendo-grid
     [reorderable]="false"
     class="border"
     [kendoGridBinding]="data"
     [selectable]="{ enabled: true, checkboxOnly: false, mode: 'multiple' }"
     [selectedKeys]="selectedKeys"
     [selectBy]="selectBy"
     scrollable="none"
   >
     <!-- 原有列定义保持不变 -->
   </kendo-grid>
   

3. 可选：监听选择变化事件
   如果需要在选择状态改变时执行逻辑，添加(selectionChange)事件绑定：

   <kendo-grid
     ...
     (selectionChange)="handleSelection($event)"
   >
   

   然后在组件类中实现处理方法：

   handleSelection(event: any) {
     this.selectedKeys = event.selectedKeys;
   }
   

完成以上配置后，表头的全选复选框就能正常触发全选、取消全选，以及根据部分选中状态显示中间态的逻辑了。

内容的提问来源于stack exchange，提问作者Josh G