Пример контекстного меню с турбо таблицей: как убрать выделение строк при закрытии контекстного меню - PullRequest
Новая
       25

Пример контекстного меню с турбо таблицей: как убрать выделение строк при закрытии контекстного меню

0 голосов
/ 31 августа 2018

Я использую contextmenu с turbotable из primeng (версия 6.1.0).

На основании демонстрации на веб-сайте, когда вы щелкаете правой кнопкой мыши по строке, появляется контекстное меню и выбирается строка, но когда вы щелкаете за пределами контекстного меню, меню исчезает, но строка по-прежнему выбирается. То, что я хочу, это то, что строка отменяется, когда контекстное меню скрыто.

См. https://www.primefaces.org/primeng/#/table/contextmenu

Есть идеи, как этого добиться?

1 Ответ

0 голосов
/ 04 января 2019

Добавьте 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

...