时间戳

首页 > 解决方案 > Angular Kendo Grid InCell Editing Capture Edited DataItem

angular - Angular Kendo Grid InCell Editing Capture Edited DataItem

问题描述

我是 Angular 的 Kendo Grids 新手。我正在尝试使用此处显示的 In-Cell 指令来编辑行并捕获编辑后的数据。

即使我添加kendoGridSaveCommand了，我仍然看不到按钮。更重要的是，当我对一行进行编辑和制表符（或按 Enter）时，我无法捕获数据项。我尝试添加(save)="saveHandler($event)"到网格但没有运气。

这是一个堆栈闪电战。 https://stackblitz.com/edit/angular-mqxzlo

我添加了 saveHandler 方法，但它没有被触发。

saveHandler({dataItem}) {
      console.log("Save Handler Was Clicked");
      console.log(dataItem);
    }

如何提取已编辑的行？我想将它传递给 CRUD 操作的服务。

我想提取类似于使用“删除”按钮完成的行（我已登录到控制台）。

在此处输入图像描述

removeHandler({dataItem}) {
      console.log("Remove Handler was Clicked");
      console.log(dataItem);
    }

谢谢大家。

标签： angularkendo-uikendo-gridangular6kendo-ui-angular2

解决方案

我认为您可以利用在cellClose编辑的单元格外部单击（适合您当前的情况）或如果您想以编程closeCell方式执行此操作时触发的事件，请阅读此处

使用它类似于保存事件(cellClose)="cellCloseHandler($event)"

伙计，我不熟悉堆栈闪电战，我试图将它添加到您的堆栈闪电战中：https ://stackblitz.com/edit/angular-mqxzlo-nuzlqp?file=app/app.component.ts

推荐阅读