我目前正在使用 primeNG 显示员工列表。
我想单击它们进行编辑,并且我有一个带有组合框的列,用于选择多个员工以删除多个员工。
问题是,如果我单击组合框,“onRowClick”处理程序也会触发。这是我不喜欢的,因为此时会出现编辑对话框。
有没有办法区分这两个类似的仅列事件处理程序?
我的 table
<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>
最佳答案
您可以在单击复选框时运行 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>
关于angular - PrimeNG 数据表;区分 '[(selection)]' 和 'onRowClick' 事件处理程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38891304/