Войти

Переключатель, позволяющий выбрать один из предложенных вариантов (RadioInput)

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

Переключатель, позволяющий выбрать один из нескольких предложенных вариантов

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

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

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

В услуге

pic1.png

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

pic2.png

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

}

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

Самым распространённым вариантом использования данного компонента является определение пола для ребёнка или получателя услуги по сценарию представителя

pic3.png

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