Select#
Основные сведения#
“Select” представляет собой элемент интерфейса, который предоставляет пользователю возможность выбирать один вариант из представленного списка. Этот компонент широко используется для создания выпадающих списков с выбором опции или категории.
Параметры#
Component properties
Группа настроек |
Пол настройки |
Варианты значений |
Назначение |
---|---|---|---|
Name |
- |
Наименование UI Компонента в системе |
|
Common |
Disabled |
true, false |
Свойство позволяет отключить элемент на форме |
Required |
true, false |
Свойство делает элемент обязательным для заполнения перед отправкой формы |
|
Label |
- |
Содержит оглавление текстового контейнера |
|
Binding |
Множественный выбор Catalog |
Содержит связанное поле типа “Catalog” из модели |
|
Events |
On value changed |
- |
Позволяет запускать указанный скрипт, после изменения значения поля |
CSS properties
Группа настроек |
Поле настройки |
Варианты значений |
Назначение |
---|---|---|---|
Layout |
Width |
- |
Ширина компонента |
Height |
- |
Высота компонента |
|
Grow |
true, false |
Свойство определяет, насколько элемент будет расти по сравнению с остальными гибкими элементами внутри того же контейнера |
|
Margin |
- |
Свойство определяет внешний отступ на всех четырёх сторонах элемента |
|
Padding |
- |
Свойство устанавливает внутренние отступы поля со всех сторон элемента |
|
Appearance |
CornerRadius |
- |
Свойство используется для закругления углов элемента |
BorderThickness |
- |
Свойство позволяет задать рамки для элемента |
|
Brush |
Background |
- |
Свойство устанавливает цвет фона элемента |
BorderBrush |
- |
Свойство устанавливает цвет рамки элемента |
Кейсы#
Выбор из списка: Пользователи могут выбирать один вариант из списка предложенных опций.
Исключения#
Неинтуитивность интерфейса: Если список не является интуитивно понятным или понятным для пользователя, это может вызвать затруднения при выборе опции.
Скорость загрузки: Если список является слишком длинным, то подгрузка вариантов выбора будет требовать дополнительного ожидания.