field.list

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

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

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

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

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

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

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

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

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


Название	Тип	Описание
`type`*	"field.list"	Задает тип компонента.
`data`*	writable	Данные, значения которых будут обработаны или изменены.
`label`	string	Надпись над компонентом.
`buttonLabel`	string	Текст на кнопке добавления элементов.
`direction`	string	Направление списка: `vertical` (по умолчанию) — вертикальное. `horizontal` — горизонтальное.
`editable`	boolean	Свойство, которое указывает, разрешено ли добавление и удаление элементов. Укажите `false`, чтобы запретить. По умолчанию `true` — разрешено.
`hint`	string	Текст подсказки.
`maxLength`	number	Максимальное количество элементов.
`render`*	view	Шаблон интерфейса для элементов списка, например текстовое поле. В во вложенных компонентах `field.*` для записи ответов используйте `data.relative`, иначе во всех элементах списка будет одно и то же значение.
`size`	string	Расстояние между элементами. Допустимые значения в порядке возрастания: `s`, `m` (по умолчанию).
`validation`	condition	Валидация на основе условия (condition).


Название	Тип	Описание
`type`*	"field.list"	Задает тип компонента.
`data`*	writable	Данные, значения которых будут обработаны или изменены.
`label`	string	Надпись над компонентом.
`buttonLabel`	string	Текст на кнопке добавления элементов.
`direction`	string	Направление списка: `vertical` (по умолчанию) — вертикальное. `horizontal` — горизонтальное.
`editable`	boolean	Свойство, которое указывает, разрешено ли добавление и удаление элементов. Укажите `false`, чтобы запретить. По умолчанию `true` — разрешено.
`hint`	string	Текст подсказки.
`maxLength`	number	Максимальное количество элементов.
`render`*	view	Шаблон интерфейса для элементов списка, например текстовое поле. В во вложенных компонентах `field.*` для записи ответов используйте `data.relative`, иначе во всех элементах списка будет одно и то же значение.
`size`	string	Расстояние между элементами. Допустимые значения в порядке возрастания: `s`, `m` (по умолчанию).
`validation`	condition	Валидация на основе условия (condition).