Документация Толоки

field.list

Обратите внимание

Документация на русском языке может быть устаревшей. Самые последние изменения доступны в документации на английском языке.

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

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

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

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

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

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

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

Название

Тип

Описание

type*

"field.list"

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

data*

writable

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

label

string

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

addedItems

array

–

addedItems[]

view

–

buttonLabel

string

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

direction

string

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

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

editable

boolean

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

hint

string

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

maxLength

number

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

minLength

number

–

removeVariant

string

–

render*

view

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

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

size

string

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

validation

condition

Валидация на основе условия (condition).
В этой статье: