Skip to content
Skayo edited this page Oct 26, 2020 · 4 revisions

infinite

  • Argument: event: InfiniteEvent
  • Details:

This event will be fired when the scroll distance is less than the distance property, the component will pass an object with some methods to change the loading status using the methods in the detail object of the InfiniteEvent.

If you inform the component that loading the data was successful and the first screen was not be filled up, the infinite event will be fired again, otherwise, the component will hide the loading animation and continue to listen to a scroll event.

InfiniteEvent.details.loaded

Inform the component that this loading has been successful. The infinite event will be fired again if the first screen was not be filled up, otherwise, the component will hide the loading animation and continue to listen to scroll events.

InfiniteEvent.details.complete

Inform the component that all the data has been loaded successfully. If the InfiniteEvent.details.loaded method has not been called before this, the content of the noResults slot will be displayed, otherwise, the content of the noMore slot will be displayed.

InfiniteEvent.details.error

Inform the component that loading the data has failed. The content of the error slot will be displayed.

InfiniteEvent.details.reset

Reset the component. Same as changing the identifier property.