layout.columns

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

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

Компоненты, которые используются в примере

view.list — отображает данные списком;

field.date — добавляет поле для ввода даты;

data.output — определяет данные задания, которые вы получите после его отправки исполнителем;

field.list — добавляет поле для добавления элементов списка;

view.text — показывает текст;

data.relative — представляет данные в виде элементов списка;

condition.required — проверяет, что поле с данными заполнено.

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

Название	Тип	Описание
`type`*	"layout.columns"	Задает тип компонента.
`fullHeight`	boolean	Переводит компонент в режим колонок на 100% возможной высоты и индивидуальную прокрутку. Иначе, высота определяется высотой максимально наполненного столбца.
`items`*	array	Столбцы на которые поделится интерфейс.
`items[]`	view	Содержимое столбцов.
`minWidth`	number	Ширина компонента, меньше которой столбцы будут выведены последовательно — один за другим.
`ratio`	array	Массив значений, задающих относительную ширину столбцов. Например, если у вас 3 столбца, то значение `[1,2,1]` разделит пространство на 4 части, а столбец посередине будет в 2 раза больше остальных. Если столбцов больше, чем количество значений в свойстве `ratio`, то значения будут повторяться. Например, если у вас 4 столбца, а в `ratio` задано значение `[1,2]`, результат будет такой же, как при значении `[1,2,1,2]`. Если столбцов меньше, чем значений в свойстве `ratio`, то лишние значения просто не учитываются.
`ratio[]`	number	Относительная ширина столбца.
`validation`	condition	Валидация на основе условия (condition).
`verticalAlign`	string	Выравнивание содержимого столбцов по вертикали: `top` — по верхнему краю столбцов. `middle` — по середине столбца с максимальным заполнением. `bottom` — по нижнему краю столбцов.

Была ли статья полезна?

Предыдущая

Следующая