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

自动生成用户单击内部分页

1 个答案: