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

时间:2019-05-27 05:18:37

标签: angular kendo-grid kendo-ui-angular2 angular-kendo

我想在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>

1 个答案:

答案 0 :(得分:1)

您可以使用来访问数据项

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

然后您可以使用来访问事件

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

可用的演示程序here