Gå til indholdet
LETTE DATA · FREE

Repeater

Vis en liste med din egen skabelon, overskrift og besked om tom liste.

Vis en liste af elementer med din egen skabelon, og få en overskrift, en besked om tomhed og mere, som en almindelig løkke mangler.

Hvorfor det hjælper

  • Din egen skabelon
  • Overskrift og tom tilstand
  • Enkel

Hvor det passer

  • Kort
  • Produktlister
  • Feeds
Kontrollen Repeater på en RayCraft-side

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 uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentation