Primeng contextmenu with turbotable：关闭上下文菜单时如何删除行选择

【问题标题】：Primeng contextmenu with turbotable : how to remove row selection when closing the context menuPrimeng contextmenu with turbotable：关闭上下文菜单时如何删除行选择
【发布时间】：2019-02-06 04:46:26
【问题描述】：

我正在使用contextmenu 和turbotable 的turbotable（版本6.1.0）。

根据网站上的演示，当您右键单击一行时，会出现上下文菜单并选择该行，但是当您在上下文菜单之外单击时，该菜单会消失，但仍会选择该行。我想要的是在隐藏上下文菜单时取消选择该行。

见https://www.primefaces.org/primeng/#/table/contextmenu

有什么想法可以实现吗？

【问题讨论】：

标签： angular contextmenu primeng primeng-turbotable

【解决方案1】：

将contextMenuSelectionMode="joint" 添加到您的 p 表对象。

像这样：

<p-table [columns]="cols" [value]="cars" selectionMode="single" [(selection)]="selectedCar" [contextMenu]="cm" contextMenuSelectionMode="joint">
    <ng-template pTemplate="header" let-columns>
        <tr>
            <th *ngFor="let col of columns">
                {{col.header}}
            </th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-rowData let-columns="columns">
        <tr [pSelectableRow]="rowData" [pContextMenuRow]="rowData">
            <td *ngFor="let col of columns">
                {{rowData[col.field]}}
            </td>
        </tr>
    </ng-template>
</p-table>

每https://github.com/primefaces/primeng/issues/5558#issuecomment-404088622

【讨论】：