InfiniteScroll
FreeLädt mehr Inhalt, wenn das Ende einer Liste in den Sichtbereich kommt. Es verwendet IntersectionObserver (mit Scroll-Ersatz) und löst OnLoadMore aus; setzen Sie Loading, während Sie laden, und HasMore am Ende auf false.
Beispiel
Parameter
| Parameter | Typ | Beschreibung |
|---|---|---|
ChildContent | RenderFragment | Inhalt, der innerhalb der Komponente dargestellt wird. |
Class | string | Zusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden. |
EndText | string | Text, der am Ende angezeigt wird; standardmäßig eine lokalisierte Meldung. |
HasMore | bool | False, wenn alles geladen ist. |
Loading | bool | True, während ein Stapel geladen wird. |
Margin | string | Wie früh geladen wird, als CSS-Abstand (Standard 200px). |
Style | string | Inline-Stil, der dem Wurzelelement hinzugefügt wird. |
Ereignisse
| Ereignis | Typ | Beschreibung |
|---|---|---|
OnLoadMore | EventCallback | Wird ausgelöst, wenn das Ende in den Sichtbereich kommt. |
Paket
InfiniteScroll gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.
Feedback sendenVersion 1.0.3