Angular 4 - Primeng Datatable - 編輯並在同一行中的詳細信息

我正在使用ng prime DataTable在html表中顯示數據。Angular 4 - Primeng Datatable - 編輯並在同一行中的詳細信息

在我的DataTable的同一行中，我可以編輯行並查看模態窗口中的細節。

這是html代碼：

<p-dataTable (onRowSelect)="onRowSelect($event)" [value]="registers" selectionMode="single" [(selection)]="selectedRegister"> 
    <p-column> 
     <ng-template pTemplate="body"> 
      <a (click)="editRegister(register)"><i class="fa fa-pencil" aria-hidden="true"></i></a> 
     </ng-template> 
    </p-column> 
    <p-column field="name" header="Name" [sortable]="true"></p-column> 
</p-dataTable>

的問題是，當我點擊整個列，該功能onRowSelect被執行，但是當我點擊圖標「FA-鉛筆」兩種功能
editRegister和 onRowSelect執行，但我想只執行editRegister點擊編輯（鉛筆圖標）按鈕。

如何實現這一目標？由於事先

來源

2017-10-10 Eladerezador

我了一個暫時的解決方案，暫時隱藏了當我進入editRegister函數時我不需要的模式 – Eladerezador

如果你仍然需要一個更好的解決方案，你可以嘗試在你的editRegister功能添加event.stopPropagation（別忘了在過程中的參數傳遞事件）

來源

2017-12-19 15:25:13 Jokeur

Angular 4 - Primeng Datatable - 編輯並在同一行中的詳細信息

回答

相關問題