Общие свойства контейнеров
В этом разделе перечислены и описаны свойства, общие для большинства контейнеров инструментальной панели.
Изменяемый
Если включено, позволяет изменять размер компонентов, добавленных в этот контейнер, изменяя номера столбцов и строк, которые они занимают в сетке.
Имя переменной | resizable |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
resizable | Boolean | Изменяемый |
Перемещаемый
Если включено, позволяет перемещать компоненты, добавленные в этот контейнер, изменяя их положение в сетке.
Имя переменной | movable |
Записи: | 1 |
Формат записи:
Имя поля | Тип поля | Примечания |
movable | Boolean | Перемещаемый |
Высота строки
Высота одной строки в сетке, в пикселях.
Имя переменной | rowHeight |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
rowHeight | Integer | Высота строки |
Фоновое изображение
Изображение, которое будет отображаться в контейнере за всеми остальными элементами.
Имя переменной | backgroundImage |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
imageType | Integer | Тип. Выберите, использовать ли данные из поля imageData или из поля imageURL.
|
imageData | Data Block | Данные изображения. |
imageUrl | String | Ссылка на изображение. |
Разрыв
Определяет ширину линии сетки ячеек в пикселях.
Имя переменной | gap |
Записи: | 1 |
Формат записи:
Имя поля | Тип поля | Примечания |
gap | String | Gap |
Показывать фон сетки
Конфигурация отображения ячеек сетки. Текущее свойство имеет несколько значений выбора:
Отсутствует (None)
Строки
Колонки
Строки и столбцы
Имя переменной | showGridBackground |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
showGridBackground | String | Показывать фон сетки |
Тип сетки
Тип сетки определяет поведение инструментальной панели, когда содержимое не помещается на экране. Текущее свойство имеет два значения для выбора:
Плавающие окна - содержимое панели будет помещаться на экране браузера.
С прокруткой - вертикальная полоса прокрутки появится, когда содержимое переполнит экран
Имя переменной | gridType |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
gridType | String | Тип сетки |
Компоновка
Определяет тип компоновки контейнера. Текущее свойство имеет три значения выбора:
Сетка - см. более подробную информацию о расположении сетки.
Абсолютный - - см. абсолютная компоновка для получения дополнительной информации.
Плавающие окна - см. дополнительную информацию о плавающей компоновке.
Имя переменной | layout |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
layout | String | Компоновка |
Шаг сетки
Применяется, когда включено свойство Включить привязку к сетке . Указывает количество пикселей между каждым столбцом и строкой сетки.
Имя переменной | gridStep |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
gridStep | String | Шаг сетки |
Включить привязку к сетке
Доступность в контейнерах, настроенных с Абсолютной компоновкой. Когда включено, на холст накладывается невидимая сетка с привязкой, и компоненты, расположенные в контейнере, автоматически выравниваются по ближайшим горизонтальным и вертикальным линиям сетки с привязкой к сетке. Размер сетки с привязкой определяется свойством Шаг сетки.
Имя переменной | snapToGrid |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
snapToGrid | Boolean | Включить привязку к сетке |
Информация о колонках сетки
Текущая переменная описывает количество колонок сетки и их размер.
Имя переменной | gridCols |
Записи: | 0...неограниченно |
Формат записи:
Поле | Тип поля | Примечания |
template | String | Шаблон. Числовое значение размера столбца сетки. |
unit | String | Единица измерения. Единица измерения, в fr (кадрах) или px (пикселях). |
Информация о строках сетки
Текущая переменная описывает количество строк сетки и их размер.
Имя переменной | gridRows |
Записи: | 0...неограниченно |
Формат записи:
Поле | Тип поля | Примечания |
template | String | Шаблон. Числовое значение размера строки сетки. |
unit | String | Единица измерения. Единица измерения, в fr (кадрах) или px (пикселях). |
Отступ сверху
Отступ сверху контейнера, в пикселях (например, 10px).
Имя переменной | indentTop |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
indentTop | String | Отступ сверху |
Отступ снизу
Отступ снизу контейнера, в пикселях (например, 10px).
Имя переменной | indentBottom |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
indentBottom | String | Отступ снизу |
Отступ слева
Отступ слева в контейнере, в пикселях (например, 10px).
Имя переменной | indentLeft |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
indentLeft | String | Отступ слева |
Отступ справа
Отступ справа в контейнере, в пикселях (например, 10px).
Имя переменной | indentRight |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
indentRight | String | Отступ справа |
Динамическое содержимое
Свойства Динамическое содержимое управляют автоматической генерацией и изменением компоновки компонентов и содержимого контейнера. Руководство по началу работы с динамическим содержимым см. в разделе Контейнеры с динамическим содержимым.
Включить динамическое содержимое
Включает создание динамического содержимого в контейнере. Контейнер должен содержать ровно один компонент (или иерархию компонентов с одним корневым компонентом). Текущий компонент/иерархия будет реплицировать для каждой строки таблицы динамического содержимого.
Имя переменной | dynamicContentsEnabled |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
dynamicContentsEnabled | Boolean | Когда этот параметр включен, дерево одного компонента в контейнере будет реплицировать один раз для каждой строки таблицы динамического содержимого. |
Динамическое содержимое
Если включить динамическое содержимое и в контейнере есть единственный компонент, то этот компонент со всеми его подкомпонентами будет реплицирован в контейнере один раз для каждой строки таблицы данных динамического содержимого. Данные из каждой строки таблицы данных динамического содержимого доступны в каждом динамически созданном компоненте, а на значение ячейки данного поля можно ссылаться с помощью переменной {fieldName}
, в то время как на индекс текущей строки можно ссылаться как {#row}
.
Имя переменной | dynamicContentsSource |
Записи: | 0...Не ограничено |
Формат записи:
Поле | Тип поля | Примечания |
dynamicContentsSource | DataTable | Таблица данных, содержащая динамическое содержимое для динамически создаваемых компонентов в контейнере. |
Выражение суффикса для имён компонентов
Выражение, используемое для генерации пользовательских суффиксов для имён динамически создаваемых компонентов. По умолчанию контексты имеют имя <originalComponentName>{#row}
.
Имя переменной | dynamicContentsSuffix |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания | |
dynamicContentsSuffix | String | Должен оцениваться как строка | |
Среда вычисления выражения для суффикса имени компонента для имён компонентов: | |||
Динамическое содержимое | |||
Нет. | |||
Текущая обработанная строка таблицы по умолчанию. | |||
Только стандартные переменные. |
Позиционирование
Укажите, будет ли динамическое содержимое автоматически позиционироваться в контейнере, или данные из таблицы Динамическое содержимое будут использоваться для указания позиции каждого компонента в контейнере.
Имя переменной | dynamicContentsPositioning |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
dynamicContentsPositioning | строка | Возможные значения выбора:
|
Число элементов на странице
Количество динамически созданных контейнеров для отображения на странице. Если количество динамически созданных компонентов превышает это число, в контейнере появляется пагинатор, в противном случае компоненты отображаются без пагинации. Каждая страница содержит уникальный набор компонентов.
Имя переменной | pageSize |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
pageSize | Integer | Начальное количество элементов для отображения на странице. |
Показать селектор "Число элементов на странице”
Предоставляет пользователю возможность выбрать количество элементов для отображения на странице, при этом значения выбора берутся из Пользовательских значений селектора "Число элементов на странице".
Имя переменной | showPageSizeSelector |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
showPageSizeSelector | Boolean | Включает селектор поле со списком или группа кнопок, позволяя пользователю выбрать число элементов на странице. |
Тип селектора "Число элементов на странице”
Укажите, какой тип селектора отображать пользователю, позволяя ему выбрать количество элементов для отображения на странице.
Имя переменной | pageSizeSelectorType |
Записи: | 1 |
Формат записи:
Поле | Тип поля | Примечания |
pageSizeSelectorType | String | Опции выбора:
|
Пользовательские значения селектора "Число элементов на странице"
Укажите, какие значения "Число элементов на странице" будут предложены пользователю, когда включен селектор Показать "Число элементов на странице".
Имя переменной | pageSizeOptions |
Записи: | 0...Не ограничено |
Формат записи:
Поле | Тип поля | Примечания |
pageSizeOptionsValue | Integer | Значение элемента для селектора 'Число элементов на странице' |