Филдсеты

Тип метаданных

fieldset

Библиотека компонентов

http://n2oapp.net/framework/config/schema/fieldset-5.0

Базовые свойства

Атрибуты

Наименование	Тип	Описание	Значение по умолчанию
id	Строка	Идентификатор филдсета
ref-id	Ссылка	Ссылка на родительский файл филдсета
src	Строка	React компонент филдсета
class	Строка	CSS класс филдсета
style	Строка	СSS стиль филдсета
label	Строка	Заголовок филдсета. Возможно использование плейсхолдеров
description	Строка	Подзаголовок филдсета
field-label-location	left top	Расположение заголовков внутренних полей	top
field-label-align	left right	Выравнивание заголовков внутренних полей	left
field-label-width	Строка	Ширина заголовков внутренних полей. Доступные единицы измерения: px, em, rem. При указании числа оно будет приведено к px
visible	true false	Условие видимости. Возможно использование плейсхолдеров	true
enabled	true false	Условие доступности. Возможно использование плейсхолдеров	true
help	Строка	Подсказка. Возможно использование плейсхолдеров
depends-on	Строка	Список полей (через запятую), от которых зависит филдсет
badge	Строка	Текст значка. Возможно использование плейсхолдеров
badge-color	primary secondary success danger warning info light dark	Цвет значка. Возможно использование плейсхолдеров
badge-position	left right	Позиция значка	right
badge-shape	rounded circle square	Форма значка	square
badge-image	Строка	Ссылка на картинку в значке
badge-image-position	left right	Позиция картинки в значке	left
badge-image-shape	rounded circle square	Форма картинки в значке	circle

Настройки

#Позиция значка филдсета
n2o.api.fieldset.badge.position = right
#Форма значка филдсета
n2o.api.fieldset.badge.shape = square
#Позиция картинки в значке филдсета
n2o.api.fieldset.badge.image_position = left
#Форма картинки в значке филдсета
n2o.api.fieldset.badge.image_shape = circle

Тело

Список полей
Список филдсетов
<row> - Список строк филдсета
<col> - Список столбцов филдсета

Пример

<set>
    <input-text/>
    <set>...</set>
    <row>...</row>
    <col>...</col>
</set>

Виды филдсетов

<set>

Простой филдсет

Пример

<set label="Простой филдсет">
    ...
</set>

<line>

Филдсет с горизонтальной линией

Атрибуты

Наименование	Тип	Описание	Значение по умолчанию
has-separator	true false	Наличие горизонтального делителя	true
collapsible	true false	Возможность раскрытия и сворачивания филдсета	true
expand	true false	Исходное раскрытие филдсета	true

Настройки

#Наличие горизонтального делителя
n2o.api.fieldset.line.has_separator = true
#Возможность раскрытия и сворачивания филдсета
n2o.api.fieldset.line.collapsible = true
#Исходное раскрытие филдсета
n2o.api.fieldset.line.expand = true

Пример

<line label="Общие данные" expand="false">
    ...
</line>

<multi-set>

Филдсет с динамическим числом полей

Атрибуты

Наименование	Тип	Описание	Значение по умолчанию	Обязательность
id	Строка	Идентификатор филдсета		!
children-label	Строка	Заголовок дочерних элементов. С помощью {index} можно управлять нумерацией. Возможно использование плейсхолдеров
first-children-label	Строка	Заголовок первого дочернего элемента. Для возможности отображать без нумерации. Возможно использование плейсхолдеров
can-add	true false	Возможность добавления новых элементов. Возможно использование плейсхолдеров	true
add-label	Строка	Заголовок кнопки добавления. Возможно использование плейсхолдеров
can-remove	true false	Возможность удаления элементов. Возможно использование плейсхолдеров	true
can-remove-first	true false	Возможность удаления первого элемента. Возможно использование плейсхолдеров	false
can-remove-all	true false	Возможность удаления всех элементов. Возможно использование плейсхолдеров	false
remove-all-label	Строка	Заголовок кнопки удаления всех элементов. Возможно использование плейсхолдеров
can-copy	true false	Возможность копирования элемента в новый (вместе с данными). Возможно использование плейсхолдеров	false
primary-key	Строка	Уникальный ключ каждого элемента	id
generate-primary-key	true false	Генерация значения для уникального ключа каждого элемента. Значение guid будет генерироваться в primary-key	false

Настройки

#Возможность добавления новых элементов
n2o.api.fieldset.multi-set.can_add = true
#Возможность удаления элементов
n2o.api.fieldset.multi-set.can_remove = true
#Возможность удаления первого элемента
n2o.api.fieldset.multi-set.can_remove_first = false
#Возможность удаления всех элементов
n2o.api.fieldset.multi-set.can_remove_all = false
#Возможность копирования элемента в новый (вместе с данными)
n2o.api.fieldset.multi-set.can_copy = false
#Генерация значения для уникального ключа каждого элемента
n2o.api.fieldset.multi-set.generate_primary_key = false

Пример

<multi-set id="members"
    label="Участник {index}"
    add-label="Добавить участника"
    remove-all-label="Удалить всех участников"
    can-remove-all="true"
    primary-key="pk"
    generate-primary-key="true">
    ...
</multi-set>

<row>

Строка филдсета

Атрибуты

Наименование	Тип	Описание
class	Строка	CSS класс строки
style	Строка	СSS стиль строки

Тело

Список полей
Список филдсетов
<col> - Список столбцов филдсета

Пример

<row>
    <input-text/>
    <set>...</set>
    <col>...</col>
</row>

<col>

Столбец филдсета

Атрибуты

Наименование	Тип	Описание	Значение по умолчанию
size	Число	Ширина столбца согласно сетке bootstrap (1-12)
class	Строка	CSS класс строки
style	Строка	СSS стиль строки
visible	true false	Условие видимости. Возможно использование плейсхолдеров	true

Тело

Список полей
Список филдсетов
<row> - Список строк филдсета

Пример

<col>
    <input-text/>
    <set>...</set>
    <row>...</row>
</col>