Войти

Компонент для отображения чекбокса (CheckBox)

Общая информация

Чекбокс используется для управления параметром с двумя состояниями — включено или отключено

Поддерживаемые экраны

Компонент CheckBox может быть задействован на экране типа:

Внешний вид компонента

В услуге

pic1.png

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

pic2.png

Структура компонента 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

}

Варианты использования

Данный компонент можно использовать для реализации механизма скрытия или отображения других компонентов на форме. Для этого необходимо в блоке «Установить зависимости с ранее введёнными данными» и указать соответствующую взаимосвязь

pic3.png

Авторизуйтесь, чтобы оставить комментарий к статье