Общая информация
Компонент CheckBox позволяет пользователю управлять параметром с двумя состояниями — ☑️ включено true и ☐ отключено false.
Поддерживаемые экраны
Компонент может быть задействован на экране типа:
Внешний вид компонента
В услуге
В конструкторе
Структура компонента CheckBox
ВКУ |
JSON |
|||
№ |
В конструкторе |
Атрибут |
Тип |
Описание |
1 |
Идентификатор компонента |
id |
string |
Уникальный идентификатор компонента в JSON |
2 |
Удобочитаемое имя компонента |
Допускается ввод любых данных для отображения в конструкторе, однако классическим видом является s1_с1, где номера — сгенерированные идентификаторы, s — экран, c — компонент |
||
3 |
Заголовок компонента |
label |
string |
Название поля. Описывает, что пользователю необходимо ввести в отображаемое ему поле |
4 |
Поле является обязательным для заполнения? |
Принуждает к взаимодействию с компонентом |
||
5 |
Подсказка для поля |
hint |
string |
Подсказка к полю |
6 |
Пояснительные переходы |
Создание модального окна (поп-ап) |
||
7 |
Установить зависимость с ранее введёнными данными |
ref |
array of objects |
Массив объектов, в элементах которых описываются зависимости и правила отображения полей |
8 |
Значение по умолчанию |
defaultValue |
string со значениями true/false |
Изначальное значение, которым будет обладать checkbox (пустой — false или галочка — true) |
9 |
Обязательность заполнения в рамках экрана |
Если на экране есть несколько простых элементов и необходимо, чтобы пользователь указал хотя бы один |
||
10 |
Одиночное расположение чекбокса |
Уменьшает расстояние до предыдущего компонента на 8 px |
Пример JSON структуры компонента передаваемой в DTO
{ value: “false”, visited: true } |
Варианты использования
Данный компонент можно использовать для реализации механизма скрытия ил отображения других компонентов на форме. Для этого необходимо в расширенном режиме в блоке «Установить зависимости с ранее введёнными данными» указать соответствующую взаимосвязь с действие. В данном случае с displayOn или displayOff.