Add "Next Page" to Repeater

Ask the community
,
21

Alrighty, thanks a bunch! Sorry for pestering :sweat_smile:

22

I figured it out! :grin: The options are not there on dynamic pages but they are on regular pages. This saddens me though, as I wanted the unique URL that comes with the dynamic pages. :pensive:

23

@GCC Entertainment - Hi again, i do sorry for very long answer - but it was tough one to discuss…

I discussed this issue with dev team actually. And yes, youre right: we disabled nex page/previous page on dynamic pages. Why? Because it created a mess for users - they thought this refers to changing current DYNAMIC page - and it’s not, because it refers only to repeaters

But, i have an other solution for you in your case, you can do this with code. How?

Look here: https://mikhails8.wixsite.com/mysite-359/NewCollectionName
It’s a repeater placed on dyn page with pagination buttons

Here how it’s look in editor: 2018-01-10_1343

let pageSize = 2;

export function button1_click(event, $w) {
	let index = $w("#dynamicDataset").getCurrentItemIndex();
	$w("#dynamicDataset").setCurrentItemIndex(index + pageSize)
}

export function button2_click(event, $w) {
	let index = $w("#dynamicDataset").getCurrentItemIndex();
	$w("#dynamicDataset").setCurrentItemIndex(index - pageSize);
}

Here i’m setting pageSize variable (same as in dataset settings) - to value 2 (to show 2 items per page)
Then, when pressing next page, we get current index and then set this index to the same + page size - so it becomes in next page and repeater shows second page. Same for previous page (but we substract current - pagesize)

24

That works perfectly! Thank you so much Mikhail.

25

So no pagination for repeaters anymore?

26

Hi, when I click on next page, my pages loads at the bottom. Is there anyway to make it load from the top?

27

I have the same problem. I would also like to know how we can use page numbering.

28

Please don’t bump an old thread from 2017, add a new post if you still require help with this and add a link to refer back to this post if needed.

Also, add any code that you have used for your own site and screenshots that can help etc.