Vis en liste over elementer med din egen mal og få en overskrift, en melding for tom liste og mer som en vanlig løkke mangler.
Hvorfor det hjelper
- Din egen mal
- Overskrift og tom tilstand
- Enkel
Hvor det passer
- Kort
- Produktlister
- Strømmer
Eksempel
<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();
}Et kort utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.