Primeng行のrowIndexはどのように展開されますか？

Question

<p-dataTable [value]="services" [paginator]="true" expandableRows="true" rowExpandMode="single"> 
...</p-dataTable> 

が中にクリックされるボタンで以下のコード

<ng-template let-i="rowIndex"> 

    <button (click)="expand(i)"> expand </button> 
</ng-template> 

を使用した行の拡張のためにあなたのngのテンプレートではDataTableの

Answer 1

ため、この

<ng-template let-col let-period="rowData" let-ri="rowIndex" pTemplate="body">...</ng-template> 

のようないくつか存在します次のコードを使用してrowindexを取得します

expand(i){ 
    //... your logic to expand the row... 
    this.expandedRowIndex = i; 
} 

<p-dataTable [value]="services" [paginator]="true" expandableRows="true" rowExpandMode="single" (onRowExpand)="onRowExpand($event)"> 

更新1： 展開する行全体をクリックすると表示されます。 <p-datatable>のonRowExpandプロパティを使用してこれを実現できます。行が

LIVE DEMO

Answer 2

<ng-template let-i="rowIndex" let-line pTemplate="rowexpansion"> 

rowIndexを展開されている場合は、この方法がトリガされた

onRowExpand(cc){ 
    console.log(cc) 
    //logs the entire object which is clicked  
    } 

は、おそらく今rowExpansionに追加され、最新バージョン

に私の作品