Angular Kendo Grid InCell 编辑捕获已编辑的 DataItem答案

【问题标题】：Angular Kendo Grid InCell Editing Capture Edited DataItemAngular Kendo Grid InCell 编辑捕获已编辑的 DataItem
【发布时间】：2018-10-09 21:51:02
【问题描述】：

我是 Angular 的 Kendo Grids 新手。我正在尝试使用显示为here 的 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);
    }

谢谢大家。

【问题讨论】：

标签： angular kendo-ui kendo-grid angular6 kendo-ui-angular2

【解决方案1】：

我认为您可以使用cellClose 事件，一旦您在编辑的单元格外部单击（适合您当前的情况）或如果您想以编程方式使用closeCell 将触发该事件，请阅读here

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

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

【讨论】：

谢谢！ cellClose 被骗了。我仍然不确定为什么不显示 kendoGridSaveCommand 按钮。我会向剑道队询问。