angular - 在 Primeng 的 p 表中调用 onEditComplete 后没有事件数据

Question

我正在使用 Primeng 的新 p 表模块和可编辑单元格。 编辑完成后(按下回车键)，p 表中的 onEditComplete 事件被触发，我正在调用方法 goo($event)。遗憾的是，该事件是空的/未定义的/空的。 primeng Docu 说:

onEditComplete ->
event.column: Column object of the cell
event.data: Row data 
event.index: Row index  
Callback to invoke when cell edit is completed.

我的 table 可见且运行良好。

<p-table #dt [columns]="header" [value]="data" [paginator]="true" [rows]="20" [rowsPerPageOptions]="[10,20,30]" [(selection)]="selectedData"
  sortMode="multiple" (onEditComplete)="goo($event)">

goo(r){
    console.log(r); // null/emty/undefined
  }

我不会复制整个表格，因为它太复杂而且太长。

我想获取当前编辑的行对象/数据。为什么未定义 event.data？

Answer 1

您必须像这样在尾部使用 pEditableColumn 和/或 pEditableColumn 字段:<td *ngFor="let col of columns" [pEditableColumn]="rowData[col.field]" [pEditableColumnField]="rowData[col.field]"></td>