How to get particular row index when updating a row value from UI.

UI Components for Angular
Post Reply
RD9702049
Posts: 1
Joined: 25 May 2022, 16:41

25 May 2022, 16:57

I am using Primeng 13 version.
I am updating a row value name dispatchcomments from UI side and want to get perticular row data as object with row index. I am new in angular with Primeng so please tell me what's wrong in my code.
this is my html code.
<button (click)="saveData(i)" pButton type="button" label="Save" icon="pi pi-save" class="p-button-secondary"></button>
<ng-template pTemplate="body" let-rowData let-columns="columns" let-i="rowIndex">
<td pEditableColumn>
<p-cellEditor>
<ng-template pTemplate="input">
<input type="text" [(ngModel)]="rowData.dispatchcomments" formControlName="dispatchcomments">
</ng-template>
<ng-template pTemplate="output">
{{rowData.dispatchcomments}}
</ng-template>
</p-cellEditor>
</td>

.ts file code.....
saveData(i) {
this.expandedRowIndex = i;
let Data = {
dispatchcomments: this.form.controls['dispatchcomments'].value,
addCx: this.form.controls['addcx'].value,
srvreason: this.form.controls['srvreason'].value,
ordernbr: this.form.controls['ordernbr'].value
}
console.log(Data, this.expandedRowIndex);

}

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 9 guests