Войти

Компонент выбора элементов списка (CheckBox)

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

Компонент 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.


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