field.list

Компонент, позволяющий пользователю самостоятельно добавлять и удалять элементы списка, например текстовые поля для заполнения.

Так вы сможете разрешить пользователю дать несколько ответов на вопрос.

Посмотреть пример в песочнице.

В элементах может быть любой компонент, в том числе список других компонентов. Например, это позволит создать таблицу, в которую можно добавлять и удалять строки.

Посмотреть пример в песочнице.

Управление компонентом

Для добавления нового элемента списка надо нажать на кнопку. Для удаления — на крестик справа (появляется при наведении на элемент списка).

Чтобы запретить пользователю добавлять слишком много элементов списка, установите максимальную длину списка. Вы также можете заблокировать управление компонентом с помощью свойства editable, например при наступлении какого-то события.

Свойства компонента

НазваниеТипОписание
type*"field.list"

Задает тип компонента.

data*writable

Данные, значения которых будут обработаны или изменены.

labelstring

Надпись над компонентом.

buttonLabelstring

Текст на кнопке добавления элементов.

directionstring

Направление списка:

  • vertical (по умолчанию) — вертикальное.
  • horizontal — горизонтальное.
editableboolean

Свойство, которое указывает, разрешено ли добавление и удаление элементов. Укажите false, чтобы запретить. По умолчанию true — разрешено.

hintstring

Текст подсказки.

maxLengthnumber

Максимальное количество элементов.

render*view

Шаблон интерфейса для элементов списка, например текстовое поле.

В во вложенных компонентах field.* для записи ответов используйте data.relative, иначе во всех элементах списка будет одно и то же значение.

sizestring

Расстояние между элементами. Допустимые значения в порядке возрастания: s, m (по умолчанию).

validationcondition

Валидация на основе условия (condition).