在primeng分页内自动生成用户点击

Question

我使用primeng的p-dataview和分页来显示用户的测试题。

<p-dataView [value]="userTestQuestions" [paginator]="true" [rows]="1" [totalRecords]="totalTestQuestions">
    <ng-template let-question pTemplate="listItem">

... html to show the question with submit button => onClick  event 

   </ng-template>

​

目前，在提交后，我保存了用户结果，但用户必须单击分页才能转到下一个问题。我想要的方式是在提交后，p-dataview自动刷新并转到下一页。我试着搜索了很多次，但我无法找到如何在primeng中自动生成用户点击。

当前使用"primeng"："^6.1.4“

提前谢谢你，

Answer 1

我做了一个快速测试，只使用分页器，没有显示任何实际数据。我添加了对它的引用，如下所示：

<p-paginator #paginatorReference [rows]="10" [totalRecords]="120" [rowsPerPageOptions]="[10,20,30]"></p-paginator>

然后，我在伪提交按钮上使用了该引用，以便在单击分页器内部changePage方法时调用它，如下所示：

<button type="button" (click)="submitResults(); paginatorReference.changePage(paginatorReference.getPage()+1)">Press for next page</button>

可能需要一些改进，以检查您是否已经在最后一页和其他可能的问题，但我没有时间进行进一步的测试。

为了便于将来参考，您可以在这里检查分页器内部方法：https://github.com/primefaces/primeng/blob/master/src/app/components/paginator/paginator.ts