2

私は現在、primeNGを使用して従業員のリストを表示しています。
それらをクリックして編集したいのですが、複数の従業員を削除するために複数の従業員を選択するためのコンボボックスのある列があります。
問題は、コンボボックスをクリックすると「onRowClick」ハンドラも起動することです。編集ダイアログが表示されているので、これは好きではありません。
列のみのイベント ハンドラーのように、これら 2 つを区別する方法はありますか?

マイテーブル 

<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 に答える