PrimeNG DataTable;在'[(selection)]'和'onRowClick'事件处理程序之间进行命令

时间:2016-08-11 08:37:20

标签: angular primeng

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

1 个答案:

答案 0 :(得分:2)

You can run stopPropagation() on checkbox click.

Example:

<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>