PrimeNG DataTable；在‘[(选择)]和'onRowClick’事件处理程序之间使用Destinguish

Question

我目前正在使用primeNG显示员工列表。

我想点击他们编辑，我已经有一个专栏，与组合框，以选择多个雇员删除多个雇员。

问题是，如果我单击一个组合框，‘onRowClick’处理程序也会触发。这是我不喜欢的东西，因为编辑对话框出现了。

有办法区分这两个类似于列的事件处理程序吗？

我的表

<p-dataTable [value]="employees" [(selection)]="selectedEmployees" (onRowClick)="routeToEmployee($event)">
        <p-column [style]="{'width':'38px'}" selectionMode="multiple"></p-column>
        <p-column *ngFor="let col of columns" [field]="col.field" [header] = "col.header"></p-column>
</p-dataTable>  

​

​

Answer 1

您可以单击复选框运行stopPropagation()。

示例：

<p-column styleClass="col-button" header="Select for restructurization">
    <template let-pLoan="rowData" pTemplate type="body">
        <p-checkbox (click)="$event.stopPropagation()" name="personalLoans" value="val1" [(ngModel)]="selectedLoansForRestruct"></p-checkbox>
    </template>
</p-column>