从Angular 2+中的Kendo网格中获取选定行的列表

Question

我在Angular 4应用程序中使用Kendo for Angular网格。 我已经将selectable设置为'true'，在网格中有kendo-grid-checkbox-column的列中，并将selectionChange设置为将事件参数作为参数的函数。

在我的selectionChange处理程序中，无论选择多少行，事件参数上的selectedRows数组都只有一个值。

谢谢，詹姆斯

我的代码：

  onGridSelectionChange(event: SelectionEvent) { debugger; console.log(event.selectedRows.length); // this is always 1 }; 

 <kendo-grid *ngIf='!isLoading' style="width:100%; height: inherit;" class="ag-fresh" [data]='gridView' [selectable]="true" [pageSize]='pageSize' [skip]='skip' [pageable]='true' (pageChange)='onGridPageChange($event)' (selectionChange)='onGridSelectionChange($event)'> 

Answer 1

看下面的例子：

例

所有选择的键都保存在一个集合（mySelection）中，我们还可以操纵该集合以编程方式选择/取消选择行。 除了保留键之外，还可以保留整个对象，它们代表所选数据项（将kendoGridSelectBy绑定到将返回eventArgs.dataItem的函数）。

Answer 2

您正在使用错误的网格事件。 您应该使用selectedKeysChange

<kendo-grid ...
  [kendoGridSelectBy]="'id'"
  (selectedKeysChange)="selectedKeysChange($event)">
  ...
</kendo-grid>

另外，您必须设置用于选择行的字段（ kendoGridSelectBy ）。 在此示例中，它是ID。

得到选择：

selectedKeysChange(rows: number[]) {
  console.log(rows);
}

Answer 3

将[selectable] =“ true”更改为：

[selectable] =“ {启用：true，模式：“多个”}”

当我添加模式：“多”时，我能够获得列表。