从Primeng调用p-table中的onEditComplete后没有事件数据

时间:2018-03-09 10:49:50

标签: angular primeng

我正在使用Primeng的新p-table模块和可编辑单元格。 编辑完成后(按下返回),p-table中的onEditComplete事件被触发,我正在调用方法goo($event)。可悲的是,事件是空的/ undefined / null。 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.

我的桌子可见并且工作正常。

<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没有定义?

1 个答案:

答案 0 :(得分:2)

您必须在标记上使用pEditaleColumn和/或pEditableColumnField,如下所示:<td *ngFor="let col of columns" [pEditableColumn]="rowData[col.field]" [pEditableColumnField]="rowData[col.field]"></td>