Hoppa till innehållet
LÄTTA DATA · FREE

Repeater

Visa en lista med din egen mall, rubrik och meddelande för tom lista.

Visa en lista av objekt med din egen mall och få en rubrik, ett meddelande för tom lista och mer som en vanlig loop saknar.

Varför det hjälper

  • Din egen mall
  • Rubrik och tomt tillstånd
  • Enkel

Var det passar

  • Kort
  • Produktlistor
  • Flöden
Kontrollen Repeater på en RayCraft-sida

Exempel

<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();
}

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.

Alla kontroller ยท Dokumentation