Forum | Appery.io

It would be great to expand on the pagination documentation to add the ability to have a 'load more' button that calls the service and loads the next X amount of items, just like how the pagination tutorial does now. But instead of replacing the previous items in the list, it should extend the list.

For example if i have limit and skip parameters set so that on page load the first 10 items are added to the list, then on 'load more' button click the next 10 items are added to the list. so then the list contains 20 items, then on load more button click again, 10 more items are added, so then the list has a total of 30 items.

In this thread:
https://getsatisfaction.com/apperyio/...

Yurri mentions 2 ways of achieving this. the first way to increase the limit number on each 'load more' button click. But this method would mean loading a compound amount each time so it will get slower and slower.

The second suggestion was to inject the new portion of data to the list.
This is doable but requires knowledge i feel many users may not have, (including me).
So it would be great to see a tutorial of this or detailed instructions.

I think this functionality would give many apps a faster and smoother feel, as they are only loading more results when they request more, plus the previously loaded results will not need to be re-loaded again if the user returns up the list.

You see this functionality in many major apps that contain lists. For example instagram, twitter, facebook, even Apples built in Messages app does this when you scroll to the top and click 'load earlier messages'(although Messages loads more from local storage).

I'm sure it would be a well used feature on many users apps if there was a clear documentation or instructions on how to achieve this, aimed at those who don't have as much knowledge.

To extend this even further it would be good to see how this can be implemented on lists that are populated by local storage arrays.

Could you point me in the right direction, or expand on what has been said in the previous thread?

https://getsatisfaction.com/apperyio/...

Thank you.

Hi,

Let's continue there https://getsatisfaction.com/apperyio/...

Hello Joe,

To make extendable list:
1) create a LSV which will store all list result for all iterations
2) on next button click increase skip value
3) when new list received push to LSV
4) map LSV to page

Hi, can you explain me how can i make push to my LSV, without delete the previous data??

Hi Fernando -

Please check Alena link above, it mostly explains all questions with adding data: https://getsatisfaction.com/apperyio/...