PRIMENG: How to get detailed data onRowExpand event?

[mohsenpourian]

This is my prime-ng datatable sample code:

Code: Select all

<p-dataTable [value]="docs" expandableRows="true" (onRowExpand)="onRowExpand($event)"> 
   <p-column field="doc_Id" header="id"></p-column>
   <p-column field="doc_Title" header="title"></p-column>
   <ng-template let-rowIndex="rowIndex" pTemplate="rowexpansion" >
         {{rowIndex}}
         <p-treeTable selectionMode="single" [value]="getDetails(rowIndex)">       
              <p-column field="h1"></p-column>
              <p-column field="h2"></p-column>
          </p-treeTable>
   </ng-template> </p-dataTable>

in this case when user expand any doc row, we use getDetails(rowIndex) to get specific detailed data from service:

Code: Select all

 getDetails(rowIndex) {
     console.log("getDetails-rowIndex:" + rowIndex);
     // ....from service
     return detaildata;  }

But there are two problems:

on every click on expand icon , getDetails(rowIndex) repeats more than 10 times...
if user expanded another table rows before, then multiple row rowIndex recieved.
console log samples



as summary we need only recently last rowindex that expanded, with one time event call.

any solution?

[mohsenpourian]

any solution???

[sudheer]

Okay, Can you report the issue in github with plunker example. It shouldn't be called these many times.