如何创建自定义功能，如编辑，保存在 Kendo-angular-grid 上以获取选定的行数据

Question

我想在 angular-kendo-grid 上创建自定义方法，如内置方法编辑、删除、保存、取消，以将当前选定的行数据获取到 angular 组件.

我想为 CloseQuestion() 创建自定义方法。 cloneQuestion(gridView) 正在发送整个网格数据列表而不是选定的行数据。

<kendo-grid-command-column title="Clone  |  Edit  |  Delete" width="50">
      <ng-template kendoGridCellTemplate let-isNew="isNew">
        <button (click)="cloneQuestion(gridView)"><i class="glyphicon glyphicon-copy"></i></button>
        <button kendoGridEditCommand><span class="glyphicon glyphicon-pencil"></span></button>
        <button kendoGridRemoveCommand><span class="glyphicon glyphicon-trash"></span></button>
        <button kendoGridSaveCommand [disabled]="formGroup?.invalid"><span class="glyphicon glyphicon-download-alt"></span></button>
        <button kendoGridCancelCommand><span class="glyphicon glyphicon-trash"></span></button>
      </ng-template>
</kendo-grid-command-column>

Answer 1

您可以通过

访问数据项

<ng-template kendoGridCellTemplate let-isNew="isNew" let-dataItem>

然后您可以使用

在您的活动中访问

<button (click)="closeQuestion(dataItem)">HELLO</button>

可以使用工作演示 here

如何创建自定义功能，如编辑，保存在 Kendo-angular-grid 上以获取选定的行数据

How to create a Custom function like edit, save on Kendo-angular-grid to get selected row data

angular

kendo-grid

kendo-ui-angular2

angular-kendo