Изборът на подмножество от дълъг списък е най-лесен с два списъка и бутони за преместване на елементи между тях.
Защо помага
- Два списъка, ясно движение
- Добър за дълги списъци
- Лесен за разбиране
Къде пасва
- Назначаване на потребители към роля
- Избор на колони
- Избор на продукти
Пример
<TransferList TItem="string" Items="_roles" @bind-Values="_chosen" Label="Roles" />
<span>Chosen: @(_chosen.Count == 0 ? "none" : string.Join(", ", _chosen))</span>
@code {
private readonly string[] _roles = ["Reader", "Editor", "Reviewer", "Publisher", "Administrator", "Auditor"];
private IReadOnlyCollection<string> _chosen = new List<string> { "Reader" };
}Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.
Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.