Is there a component out of the box with this functionality? Will I need to create this as a custom component?
Ok…
custom component required as far as I can tell. Here’s a quick project to show you it working :
https://anvil.works/build#clone:JSU5IPOMTMD6V35K=6OHOH3S5VYIGCVSHANSO4IUL
There is a custom component which contains a repeating panel and has some JS which catches an event when the user scrolls to the bottom of the page. It calls an Anvil function when this happens.
Form1 contains an instance of this custom component, which loads 50 lines into the repeating panel. It also listens for an event from the custom form.
When the function in the custom form is called, it raises an event which is caught by Form1, and loads another 50 lines into the repeating panel.
Hopefully that makes sense?
Very, very, very rough proof of concept, but hopefully will help you start.
5 Likes
I made another PoC for this: https://anvil.works/build#clone:ZA7ENWHOVT7D7CQ3=6RUAT5ZZEQ3CEF6UFIP2BQ6B
I also did this based on some forum suggestions, but made it so that you can have the infinite scroll apply to an item contained inside another component and specify a height for it. Same as @david.wylie did though, using a custom HTML component and custom events.
4 Likes