Repeater

Affichez une liste d’éléments avec votre propre modèle, et obtenez un en-tête, un message de liste vide et plus que ce qu’une simple boucle n’offre pas.

Pourquoi c’est utile

• Votre propre modèle
• En-tête et état vide
• Simple

Où il trouve sa place

• Cartes
• Listes de produits
• Flux

Exemple

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

Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.

Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.

Tous les contrôles · Documentation