comment obtenir et définir le numéro de la page en cours dans la donnée primeNG?

Question

J'utilise PrimeNG datatable dans mon projet angulaire. Dans l'un de mes scénarios, je dois obtenir le numéro de page en cours de la table de données primeNG et passer ce numéro à l'écran suivant et lorsque l'utilisateur revient à l'écran précédent, je veux redéfinir ce numéro.

J'ai vérifié la datab primNG mais il n'y a pas de moyen clair d'obtenir et de définir le numéro de la page en cours.

Answer 1

Eh bien, vous ne pouvez pas obtenir le numéro de page directement, mais vous pouvez obtenir le décalage (basé sur zéro) de la première ligne affichée, puis connaître le nombre d'éléments affichés par page calculer le numéro de page.

De la documentation:
» ... Paginator peut également être contrôlé par modèle en utilisant un liant à la première propriété où les changements déclenchent une Optionnellement cette propriété pagination prend en charge les deux sens de liaison de sorte que la valeur du modèle peut être mis à jour sur la pagination. . ainsi Voici un exemple pour réinitialiser le paginator extérieur «

» ... premier -. numéro relatif à zéro de la première ligne à afficher « , (https://www.primefaces.org/primeng/#/datatable, https://www.primefaces.org/primeng/#/paginator)

modèle. :

<p-dataTable [value]="cars" [rows]="10" [paginator]="true" [(first)]="first"> 
    <p-column field="vin" header="Vin"></p-column> 
    <p-column field="year" header="Year"></p-column> 
    <p-column field="brand" header="Brand"></p-column> 
    <p-column field="color" header="Color"></p-column> 
</p-dataTable> 

<button type="button" (click)="reset()" label="Reset"></button> 

Code:

export class DataTableDemo implements OnInit { 

    cars: Car[]; 

    first: number = 0; 

    constructor(private carService: CarService) { } 

    ngOnInit() { 
     this.carService.getCarsSmall().then(cars => this.cars = cars); 
    } 

    reset() { 
     this.first = 0; 
    } 
} 

Comme l'indique la documentation, en se liant [(first)] à la variable dans votre composant, vous obtenez également votre variable mis à jour lorsque les changements d'état de pagination, de sorte que vous pouvez calculer le nombre de pages comme celui-ci pageNumber = offset/itemsPerPage