我在我的角度项目中使用primeng datatable。
在我的一个场景中,我需要获取primering data表的当前页码,并将该页码传递到下一个屏幕,当用户导航回上一个屏幕时,我希望再次设置该页码。
我检查了PrimeDATABATE,但是没有明确的方法来获取和设置当前的页码。

最佳答案

你不能直接得到页码,但是你可以得到第一行显示的偏移量(从零开始),然后知道每页显示的项目数计算页码。
从文档:
“PigInter还可以通过使用绑定到第一个属性的模型来控制,其中更改触发分页。该属性支持双向绑定,从而可以在分页上更新模型值。这里有一个例子来重置外部页面。
“…要显示的第一行的第一个零相对号。”,(https://www.primefaces.org/primeng/#/datatablehttps://www.primefaces.org/primeng/#/paginator
模板:

<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>

代码:
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;
    }
}

在文档状态下,通过在组件中绑定[(first)]变量,也可以在分页状态更改时更新变量,这样您就可以计算出这样的页码“cc>”。

关于angular - 如何获取并设置primeNG数据表中的当前页码?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45856623/

10-09 21:14