Infinite Scroll for Grid

[Makoto]

Hi Serhii,

yes, 12 new items are loaded properly. But, the 12 original items are replaced by them. The prepend feature doesn't work and I want to fix this problem.

Thanks

[Serhii Kulibaba]

Sorry, I can't reproduce it. Did you change the List page?

[Makoto]

Hi Serhii,

you can reproduce the issue now.

Regards.

[Serhii Kulibaba]

Please replace:preself.dogsListItems = Apperyio("List_mobilegrid_94_wrapper").find("[name=mobilegrid_94]");/pre

to:pre var items = $("[name=mobilegrid_94]:not([data-appery-tpl])");
self.dogsListItems = items.length = 12 ? items : [];/pre
To keep previous items on the page

[Makoto]

Hello Serhii,

thank you for updating the information.

By following your code, I tried to implement it, but It doesn't seem to work properly as infinite scroll.
When the dogsListInfinite executes for the first time, the order of images gets random and the layout gets broken. And when the dogsListInfinite executes for the second time, no images are loaded... Would you check the updated code?

Thanks.

[Serhii Kulibaba]

Please check it now. I've fixed it

[Makoto]

Hello Serhii,

thank you for your update. And I confirmed the infinite scroll works. However when the dogsListInfinite executes for the first time, the same 12 images are added to the bottom. When the dogsListInfinite executes for the seconds time, this problem doesn't occur. Would you check it please? Thank you.

[Serhii Kulibaba]

Please move the execution of that service from the page show event
after changing "skip" value:

[Makoto]

Hello Serhii,

I confirmed it works perfect. What a smooth move!! Thank you very much for your patient and polite support, Serhii. Great job!!

How would you rate the support you received?
Good, I'm very satisfied