2

我目前正在使用 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>  

1

4

1 回答 1

4

您可以在单击复选框时运行 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>
于 2016-08-31T12:19:11.767 回答