Флажок TurboTable заголовок выбирает все данные на всех страницах, а не только на текущей странице - PullRequest
Новая
       9

Флажок TurboTable заголовок выбирает все данные на всех страницах, а не только на текущей странице

0 голосов
/ 09 октября 2018

Я использую TurboTable с PrimeNG версии 5.2.2,

в предыдущей версии, которую я использовал, флажок selectAll выбрал только текущую страницу (требуемое поведение)

Теперь с этимверсия, флажок selectAll выбирает все данные на всех страницах,

есть ли способ исправить это, пожалуйста?

мой HTML-код: 

<p-table [pageLinks]="10" exportFilename="Boitiers" [totalRecords]="totalRecords" [tableStyleClass]="cats-dataTable" (onHeaderCheckboxToggle)="selectAll($event)" (onRowSelect)="onRowSelect($event)"
            (onRowUnselect)="onRowUnselect($event)" [value]="devices" [columns]="selectedColumns" [paginator]="true" [rows]="10" [rowsPerPageOptions]="[10,20,50,100,200,500]" id="tableDevices" [(selection)]="selectedDevices"
            [emptyMessage]="'pas de resultats'" #dt>
            
            <ng-template pTemplate="caption">
                    <div style="text-align:left">
                        <p-multiSelect [options]="cols" [(ngModel)]="selectedColumns" optionLabel="header"
                                    selectedItemsLabel="{0} {{'catsApp.device.selectedItemsLabel' | translate}}" [style]="{minWidth: '300px'}" defaultLabel="{{'catsApp.device.defaultLabel' | translate}}"></p-multiSelect>
                    </div>
                    <div class="ui-helper-clearfix">
                            <button class="btn btn-danger" type="button" pButton icon="fa fa-file-o" iconPos="left" label="{{'catsApp.device.exportAll' | translate}}" (click)="dt.exportCSV()" style="float:left"></button>
                            <button class="btn btn-danger" type="button" pButton icon="fa fa-file" iconPos="left" label="{{'catsApp.device.exportSelection' | translate}}" (click)="dt.exportCSV({selectionOnly:true})" style="float:right"></button>
                    </div>
            </ng-template>
            <ng-template pTemplate="header" let-columns>
                
                    <tr>
                        <th style="width: 38px">
                                <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
                        </th>
                        <th *ngFor="let col of columns" [pSortableColumn]="col.field">
                            {{col.header}}
                            <p-sortIcon [field]="col.field" ariaLabel="Activate to sort" ariaLabelDesc="Activate to sort in descending order" ariaLabelAsc="Activate to sort in ascending order"></p-sortIcon>
                        </th>
                        <th style="width: 50px">
                            </th>
                            <th style="width: 50px">
                            </th>
                            <th style="width: 50px">
                            </th>
                    </tr>

1 Ответ

0 голосов
/ 26 июня 2019

Это ожидаемое поведение, если вы используете ленивый, то то, что вы хотите, произойдет.Все это происходит потому, что у ленивых загружена только текущая страница, а у ленивых все элементы разбиты на страницы под экраном.

...