检查PrimeNG复选框是否已选中

时间:2020-01-23 07:25:47

标签: primeng primeng-turbotable primeng-checkbox

检查primeNG复选框是否已选中。 我正在使用primenNG 5。 https://www.primefaces.org/primeng-5.2.7/#/table/selection

<p-table [columns]="cols" [value]="cars" [(selection)]="selectedCars3" dataKey="vin">
        <ng-template pTemplate="header" let-columns>
            <tr>
                <th style="width: 3em">
                    <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
                </th>
                <th *ngFor="let col of columns">
                    {{col.header}}
                </th>
            </tr>
        </ng-template>
        <ng-template pTemplate="body" let-rowData let-columns="columns">
            <tr>
                <td>
                    <p-tableCheckbox [value]="rowData" (click)="onRowSelect($event)"></p-tableCheckbox>
                </td>
                <td *ngFor="let col of columns">
                    {{rowData[col.field]}}
                </td>
            </tr>
        </ng-template>
        <ng-template pTemplate="summary">
            <ul>
                <li *ngFor="let car of selectedCars3" style="text-align: left">
                    {{car.vin + ' - ' + car.brand + ' - ' + car.year + ' - ' + car.color}}
                </li>
            </ul>
        </ng-template>
    </p-table>

0 个答案:

没有答案