角度Kendo网格InCell编辑捕获编辑的DataItem

时间:2018-10-09 21:51:02

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

我是Kendo Grids的新用户。我正在尝试使用显示为here的单元内指令来编辑行并捕获编辑后的数据。

即使我添加了kendoGridSaveCommand,我仍然看不到该按钮。更重要的是,当我对行进行编辑并跳出(或按Enter键)时,我无法捕获数据项。我尝试将(save)="saveHandler($event)"添加到网格中,但是没有运气。

这是一次突击。 https://stackblitz.com/edit/angular-mqxzlo

我添加了saveHandler方法,但未触发。

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

如何提取编辑后的行?我想将其传递给CRUD操作服务。

我想提取与使用“删除”按钮完成的行相似的行(我已登录到控制台)。

enter image description here

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

谢谢。

1 个答案:

答案 0 :(得分:2)

我认为您可以利用cellClose事件,该事件将在您单击已编辑单元格的外部(适合您当前的情况)后触发,或者如果您希望通过编程方式closeCell执行,请阅读{{ 3}}

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

我不熟悉堆栈闪电战,我试图将其添加到您的堆栈闪电战中:here