【问题标题】:Select all works to unselect some but not to select or clear all选择所有作品取消选择一些但不选择或清除所有
【发布时间】:2023-01-05 07:22:12
【问题描述】:

我创建了一个启用多选的剑道网格:

    <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 演示中看到了这项工作。

对我来说,当没有选择任何内容时,单击标题复选框什么都不做:

当我手动选择一行时,在显示“-”符号时单击标题复选框会取消选择所选行:

当我手动选择所有行时(shift 单击它们有效),单击带有复选标记的标题复选框也不起作用:

所以它不适用于选择全部或取消选择所有,但适用于取消选择一些。

有什么想法我做错了什么,我应该怎么做才能让它发挥作用?

谢谢!

【问题讨论】:

    标签: angular kendo-ui kendo-grid


    【解决方案1】:

    根据提供的信息很难判断可能导致问题的原因 - 我刚刚使用最新官方版本的 Kendo 软件包和提供的标记创建了一个 StackBlitz 演示,它似乎按预期工作:

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

    您可以将其与实际实施进行比较并进行必要的调整。

    【讨论】:

      猜你喜欢
      • 2020-03-26
      • 1970-01-01
      • 1970-01-01
      • 2018-05-18
      • 1970-01-01
      • 1970-01-01
      • 2023-04-04
      • 2011-10-09
      • 1970-01-01
      相关资源
      最近更新 更多