Список из чекбоксов — checkboxes#
Определение#
С помощью компонента можно создавать список состоящий из чекбоксов. Подходит для создания списков, в которых есть возможность выбрать из нескольких вариантов.
Тип компонента в конфигураторе: checkboxes.
Внешний вид#
JSON-схема для компонента в конфигураторе:
"productivity": {
"type": "checkboxes",
"minItems": 1,
"maxItems": 3,
"title": "Выберите самых продуктивных сотрудников за день:",
"items": {
"enum": [0, 1, 2, 3],
"enumNames": ["Гаранин", "Максимов", "Байков", "Миронов"]
}
}
Список с множественным выбором в пользовательском приложении:
Свойства#
{
"type": "checkboxes",
"minItems": 1,
"maxItems": 3,
"title": "...",
"items": {
"enum": [ 0 ],
"enumNames": ["..."]
}
"hidden": false,
"helperText": "..."
}
Свойство |
Определение |
Тип данных |
---|---|---|
|
Тип элемента. Для списка с множественным выбором — это всегда |
string |
|
Минимальное количество выбранных элементов для того, чтобы заполненная форма считалась корректной. |
number |
|
Максимальное количество выбранных элементов для того, чтобы заполненная форма считалась корректной. |
number |
|
Название поля, отображаемое в форме. |
string |
|
С помощью атрибута задаётся список значений, в котором прописываются |
array |
|
Числовой список доступных значений.
Если значений больше одного, они вписываются в квадратных скобках — |
number |
|
Список отображающихся наименований для значений из поля |
string |
|
Это стандартное свойство для всех компонентов.
При установке значения |
boolean |
|
Описание поля. Это стандартное свойство и отображается как текст под полем компонента. |
string |
Модель данных#
Данные сохраняются в FormInstances
в поле Data
в виде JSON.
Выбранные значения списка в пользовательском приложении:
После сохранения данные попадают в FromInstances
в конфигураторе.
{
"productivity": [ "0", "1", "2" ]
}
Примечание
В FromInstances
идут значения из enum
, а не наименования из enumNames
.
Примеры использования#
В примере ниже создан чеклист для проверки этажей, в котором необходимо выбрать минимум 2 пункта, чтобы форма считалось корректной.
Также явно проставлено свойство "hidden": false
.
"floors": {
"type": "checkboxes",
"items": {
"enum": [0,1,2,3],
"type": "number",
"enumNames": [
"Первый этаж",
"Второй этаж",
"Третий этаж",
"Пятый этаж"
]
},
"title": "Проверить:",
"hidden": false,
"minItems": 2
}