Toon een lijst items met je eigen sjabloon en krijg een koptekst, een bericht voor leeg en meer wat een gewone lus mist.
Waarom het helpt
- Je eigen sjabloon
- Koptekst en lege toestand
- Eenvoudig
Waar het past
- Kaarten
- Productlijsten
- Feeds
Voorbeeld
<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();
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.