Автоматически генерировать пользовательский клик внутри основной страницы - PullRequest
0 голосов
/ 23 ноября 2018

Я использую p-dataview primeng с нумерацией страниц, чтобы показать вопросы теста пользователя.

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

Спасибо ввперед,

1 Ответ

0 голосов
/ 23 ноября 2018

Я сделал быструю проверку, только с пагинатором, без реальных данных.Я добавил ссылку на него, как показано здесь:

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

Затем я использовал эту ссылку на кнопке поддельной отправки для вызова внутреннего метода changePage paginator при каждом нажатии, например:

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

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

Для дальнейшего использования выможете проверить внутренние методы paginator здесь: https://github.com/primefaces/primeng/blob/master/src/app/components/paginator/paginator.ts

...