Angular Kendo Grid InCell Editing Capture Edited DataItem

Question

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

即使我添加了 kendoGridSaveCommand，我仍然看不到按钮。更重要的是，当我对一行进行编辑并跳出（或按回车键）时，我无法捕获数据项。我尝试将 (save)="saveHandler($event)" 添加到网格，但没有成功。

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

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

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

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

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

谢谢大家。

Answer 1

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

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

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

kendo-ui