Deja que los usuarios reordenen una lista arrastrando, con botones de mover para teclado y tacto.
Por qué ayuda
- Arrastra para reordenar
- Botones para teclado y tacto
- Sencillo
Dónde encaja
- Prioridades
- Menús
- Pasos
Ejemplo
<Sortable TItem="string" Items="_tasks" ItemsChanged="@(items => _tasks = items.ToList())" Label="Tasks">
<ItemTemplate>@context</ItemTemplate>
</Sortable>
<span>Order: @string.Join(" > ", _tasks)</span>
@code {
private List<string> _tasks = ["Design", "Build", "Test", "Review", "Release"];
}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.