我将contextmenu
与turbotable
(版本6.1.0)中的primeng
一起使用。
基于网站上的演示,右键单击某行时,将显示上下文菜单并选择了该行,但是当您在上下文菜单之外单击时,菜单消失了,但仍选中了该行。我想要的是隐藏上下文菜单时取消选择该行。
请参见https://www.primefaces.org/primeng/#/table/contextmenu
任何想法如何实现这一目标?
答案 0 :(得分:2)
将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