Zeigen Sie eine Liste von Elementen mit Ihrer eigenen Vorlage und erhalten Sie Kopfzeile, Leermeldung und mehr, was einer einfachen Schleife fehlt.
Warum es hilft
- Ihre eigene Vorlage
- Kopfzeile und Leerzustand
- Einfach
Wo es passt
- Karten
- Produktlisten
- Feeds
Beispiel
<Repeater Items="_people" PageSize="4" Columns="2">
<HeaderContent><strong>@_people.Count people</strong></HeaderContent>
<ItemTemplate Context="person">
<Card><strong>@person.Name</strong><br />@person.Role</Card>
</ItemTemplate>
<EmptyContent>Nobody here yet.</EmptyContent>
</Repeater>
@code {
private sealed record Person(string Name, string Role);
private readonly List<Person> _people = Enumerable.Range(1, 10).Select(i => new Person($"Person {i}", i % 2 == 0 ? "Designer" : "Developer")).ToList();
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.