Select all works to unselect some but not to select or clear all

Question

我創建了一個啟用多選的劍道網格：

    <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 kendo-grid-checkbox-column上使用showSelectAll以通過 header 中的復選框啟用對所有網格行的選擇。我在文檔中的 Kendo Angular 演示中看到了這項工作。

對我來說，當沒有選擇任何內容時，單擊 header 復選框不會執行任何操作：

當我手動 select 一行時，單擊 header 復選框時顯示“-”符號取消選擇所選行：

當我手動 select 所有行時（shift 單擊它們有效），單擊帶有復選標記的 header 復選框也不起作用：

所以它不適用於選擇全部或取消選擇所有，但適用於取消選擇一些。

有什么想法我做錯了什么，我應該怎么做才能讓它發揮作用？

謝謝！

Answer 1

根據提供的信息很難判斷可能導致問題的原因 - 我剛剛使用最新官方版本的 Kendo 軟件包和提供的標記創建了一個 StackBlitz 演示，它似乎按預期工作：

https://stackblitz.com/edit/angular-gmiahh?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.module.ts

您可以將其與實際實施進行比較並應用必要的調整。

編輯：如果 Grid 恰好與 Angular Material CDK Overlay 一起使用，您還可以查看這篇文章：

https://www.telerik.com/kendo-angular-ui/components/knowledge-base/selectall-ngmaterialcdk/