Изберете няколко елемента от компактен падащ списък. MultiSelect показва отметки, обобщава избора в полето и включва „Избери всички“ и „Изчисти“.
Защо помага
- Няколко избора в едно компактно поле
- Вградени „Избери всички“ и „Изчисти“
- Обобщение, показано в бутона
Къде пасва
- Назначаване на екип и тагове
- Стойности на филтри
- Права
Пример
<MultiSelect TValue="string" Label="Tags" Items="_tags" @bind-Values="_selected" HelperText="Pick any number." />
<span>Selected: @(_selected.Count == 0 ? "none" : string.Join(", ", _selected))</span>
@code {
private readonly string[] _tags = ["Blazor", "SASS", "Accessibility", "Localization", "Charts", "Forms"];
private IReadOnlyCollection<string> _selected = new List<string> { "Blazor" };
}Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.
Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.