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