Saltar al contenido
DATOS LIGEROS · FREE

Repeater

Muestra una lista con tu propia plantilla, encabezado y mensaje de lista vacía.

Muestra una lista de elementos con tu propia plantilla y obtén un encabezado, un mensaje de vacío y más cosas que un simple bucle no tiene.

Por qué ayuda

  • Tu propia plantilla
  • Encabezado y estado vacío
  • Sencillo

Dónde encaja

  • Tarjetas
  • Listas de productos
  • Feeds
El control Repeater en una página de RayCraft

Ejemplo

<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 breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.

Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.

Todos los controles ยท Documentación