Select#


../../_images/select.png

Основные сведения#

“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

-

Свойство устанавливает цвет рамки элемента


Кейсы#

  • Выбор из списка: Пользователи могут выбирать один вариант из списка предложенных опций.

Исключения#

  • Неинтуитивность интерфейса: Если список не является интуитивно понятным или понятным для пользователя, это может вызвать затруднения при выборе опции.

  • Скорость загрузки: Если список является слишком длинным, то подгрузка вариантов выбора будет требовать дополнительного ожидания.