Question

我有一个PrimeNG TreeTable，其列可编辑，数量

cart.html

<p-treeTable [value]="items" [columns]="cols">
<ng-template pTemplate="body" let-rowNode let-rowData="rowData">
   <tr>
      <td [ttEditableColumn]="rowData.quantity" [ttEditableColumnField] = "quantity">
      <p-treeTableToggler [rowNode]="rowNode"></p-treeTableToggler>
      <p-treeTableCellEditor>
         <ng-template pTemplate="input" >
            <input type="text" [(ngModel)]="quantity">
         </ng-template>
         <ng-template pTemplate="output" >
            {{quantity}}
         </ng-template>
      </p-treeTableCellEditor>
      </td>
   </tr>
</ng-template>
</p-treeTable>

在单元格被编辑（按Enter键）后，如何调用方法 onEdit（）？

Answer 1

您应该使用

<p-treeTable [value]="items" [columns]="cols" (onEditComplete)="onEdit(event)">

其中

onEdit(event: { field: string, data: any }): void {
  // your code
}

角度：编辑单元事件PrimeNG TreeTable的调用方法

1 个答案: