PrimeNG-通过不同的鼠标单击选择和取消选择行

时间:2019-07-15 20:28:31

标签: angular typescript primeng

在p表中,使用上下文菜单和p表中的p表行选择(单一模式),两次单击似乎独立。 当我在表上单击鼠标右键时,将选中该行,然后在其他行上单击鼠标右键将其取消选择,但是,在不取消选择鼠标右键的选择的情况下,鼠标左键也会执行此操作(如果单击鼠标右键然后单击鼠标左键)。我尝试使用OnRowUnselect,但它似乎在左右之间不起作用。

<ng-template pTemplate="header" let-columns>
    <tr>
        <th *ngFor="let col of columns" [pSortableColumn]="col.field">
            {{col.header}}
            <p-sortIcon [field]="col.field"></p-sortIcon>
        </th>
    </tr>
</ng-template>
<ng-template pTemplate="body" let-rowData let-columns="columns">
    <tr  [pContextMenuRow]="rowData" [pSelectableRow]="rowData">
        <td *ngFor="let col of columns">
           {{col.field.includes('_dt')?  (rowData[col.field] | date: 'yyyy-MM-dd' : 'GMT+5'):rowData[col.field]}}
        </td>
    </tr>
</ng-template>
<ng-template pTemplate="summary" let-rowData>
    <div style="text-align:left">
        <button type="button" pButton icon="pi pi-plus" (click)="showDialogToAdd()" label="Ajouter"></button>
    </div>
</ng-template>    

0 个答案:

没有答案