Общая информация
Чекбокс используется для управления параметром с двумя состояниями — включено или отключено
Поддерживаемые экраны
Компонент CheckBox может быть задействован на экране типа:
Внешний вид компонента
В услуге

В конструкторе

Структура компонента CheckBox
| ВКУ | JSON |
|
||
| № | В конструкторе | Атрибут | Тип | Описание |
| 1 | Идентификатор компонента | id | string | Уникальный идентификатор компонента в JSON |
| 2 | Имя компонента | name | string | Допускается ввод любых данных для отображения в конструкторе, однако классическим видом является s1_с1, где номера — сгенерированные идентификаторы, s — экран, c — компонент |
| 3 | Текст чекбокса | label | string | Название чекбокса, которое отображается пользователю |
| 4 | Компонент обязателен для заполнения | required | boolean | Принуждает к взаимодействию с компонентом |
| 5 | Подсказка для поля | hint | string | Серый текст, который отображается под компонентом |
| 6 | Отметить по умолчанию | defaultValue | string | Добавляет изначальное значение — «пустой» или «галочка», которым будет обладать чекбокс |
| 7 | Валидация | validation | array of objects | Если на экране есть несколько простых элементов и необходимо, чтобы пользователь указал хотя бы один |
| 8 | Уменьшить расстояние до предыдущего компонента | isSoloCheckBox | boolean | Уменьшает расстояние до предыдущего компонента на 8 px |
| 9 | Отображение компонента в повторяющихся блоках (RepeatableFields) | onlyFirstScreen | boolean | Можно выбрать отображение только в первом блоке или наоборот. Если оставить выпадающий список пустым, то компонент Checkbox будет отображаться во всех блоках компонента RepeatableFields |
| 10 | Установить зависимости с ранее введёнными данными | ref | array of objects | Массив объектов, в элементах которых описываются зависимости и правила отображения полей |
| 11 | Пояснительные переходы | clarifications | object | Позволяет раскрыть блок «Настройка пояснительных переходов в компонентах» или сделать список ссылок на пояснительные переходы |
| 12 | Настройка пояснительных переходов в компоненте | acceptableTypes | additionalProperties | Позволяет настроить модальные окна |
| 13 | Настройка формирования health-метрик | healthList | array of objects | Позволяет задать список событий компонента, по которым будут формироваться health-запросы |
| 14 | Идентификатор подсказки suggest | suggestionId | string | Механизм отображения пользователю набора подходящих для ввода данных и автоматическое заполнение полей формы этими данными |
Пример JSON структуры объекта передаваемой в DTO
|
{ "visited": true, "value": true, "disabled": false } |
Варианты использования
Данный компонент можно использовать для реализации механизма скрытия или отображения других компонентов на форме. Для этого необходимо в блоке «Установить зависимости с ранее введёнными данными» и указать соответствующую взаимосвязь
