Mashup Builder > Виджеты > Стандартные виджеты > Виджет "Динамическая панель" (с поддержкой тем)
Виджет "Динамическая панель" (с поддержкой тем)
* 
Виджет "Динамическая панель" доступен как стандартный виджет в платформе и как веб-компонент, который можно импортировать из SDK.
Виджет "Динамическая панель" - это тип контейнера, который пользователи могут корректировать динамически во время выполнения. С помощью этого виджета можно показать или скрыть контейнер в мэшапе. Динамическую панель можно привязать к левому, правому, верхнему или нижнему краю родительского контейнера. Можно динамически корректировать ширину панели, а также открывать и свертывать панель во время выполнения. Динамическую панель можно использовать для предоставления дополнительной информации или ввода форм, связанных с основным контейнером в компоновке.
1. Кнопка развертывания и свертывания
2. Боковой контейнер
3. Маркер перемещения
4. Основной контейнер
Конфигурирование панели как свертываемых разделов
В ThingWorx 9.3.3 и более поздних версий можно использовать свойство DynamicPanelType, чтобы сконфигурировать виджет как свертываемый раздел. Использование этого исполнения позволяет экономить пространство, скрывая несущественные подробности или элементы управления из главной компоновки. Пользователи могут вручную развертывать и свертывать разделы по мере необходимости. В отличие от корректируемой панели контейнеры не увеличиваются автоматически, чтобы заполнить доступное пространство в компоновке, но их высота изменяется на основе их содержимого.
1. Кнопка развертывания и свертывания
2. Основной текст раздела
3. Заголовок раздела
* 
Для отображения вложенного мэшапа в разделе основного текста динамической панели необходимо указать значение в свойстве SectionBodyMinHeight.
Свойства виджета
Имя свойства
Описание
Базовый тип
Значение по умолчанию
Доступно для привязки? (Д/Н)
Локализуемое? (Д/Н)
TabSequence
Задает последовательность, в которой виджет подсвечивается при нажатии клавиши TAB.
NUMBER
Н/Д
Н
Н
SectionBodyMaxHeight
Задает высоту заголовка раздела.
NUMBER
Автоматический подбор размера
Н
Н
SectionBodyMinHeight
Задает минимальную высоту заголовка раздела.
NUMBER
Автоматический подбор размера
Н
Н
SectionHeaderHeight
Задает высоту заголовка раздела.
NUMBER
Автоматический подбор размера
Н
Н
HideTriggerButton
Скрывает кнопку триггера.
BOOLEAN
false
Н
Н
HideDragHandle
Скрывает маркер перемещения.
BOOLEAN
false
Н
Н
Disabled
Отключает виджет в мэшапе. Виджет отображается, но недоступен для использования.
BOOLEAN
false
Д
Н
DynamicPanelType
Управляет типом динамической панели. Можно отобразить корректируемую панель или свертываемый раздел.
STRING
Корректируемая панель
Н
Н
CustomClass
Определяет CSS для верхнего раздела (div) виджета. При вводе нескольких классов отделяйте каждый класс пробелом.
STRING
Н/Д
Д
Н
PanelSize
Задает размер панели.
STRING
220
Д
Н
ClickOutsideToClose
Закрывает панель, если щелкнуть за пределами панели.
BOOLEAN
false
Д
Н
Behavior
Задает для панели опции Отправить содержимое или Облет.
STRING
Push Content
Д
Н
AnimationSpeed
Задает скорость анимации панели, которая развертывается и свертывается Быстро, Средне или Медленно.
STRING
Средний
Д
Н
MinSizeWhenExpanded
Задает минимальную ширину панели при развертывании вдоль горизонтальной оси. Минимальное значение: 34 пикселя.
Если панель находится наверху, это свойство определяет высоту вдоль вертикальной оси.
STRING
50
Д
Н
MaxSizeWhenExpanded
Задает максимальную ширину панели при развертывании вдоль горизонтальной оси.
Если панель находится наверху, это свойство определяет высоту вдоль вертикальной оси.
STRING
100 %
Д
Н
SizeWhenCollapsed
Задает ширину панели, свернутой вдоль горизонтальной оси.
Если панель находится наверху, это свойство определяет высоту вдоль вертикальной оси.
STRING
Н/Д
Д
Н
AnchorLocation
Задает расположение привязки на панели: Слева, Сверху, Справа или Снизу.
STRING
Слева
Д
Н
CollapseByDefault
Задает свертывание панели по умолчанию при загрузке мэшапа.
BOOLEAN
false
Д
Н
TriggerButtonLocation
Задает расположение кнопки триггера: Сверху, В центре, Снизу, Панель или Нет.
STRING
Top
Д
Н
TriggerButtonType
Задает тип кнопки триггера: Двойной символ ^, Одиночный символ ^, Плюс/минус или Закрыть.
STRING
Double Carets
Д
Н
TriggerButtonSide
Управляет расположением кнопки триггера в заголовке, когда виджет сконфигурирован как свертываемый раздел.
STRING
Слева
Д
Н
TriggerButtonIcon
Определяет значок, отображаемый для кнопки триггера, когда виджет сконфигурирован как свертываемый раздел. Опции: Одиночный символ ^, Треугольник
STRING
Одиночный символ ^
Д
Н
ToggleExpandCollapse
При запуске развертывает панель, если она находится в свернутом состоянии, или свертывает панель, если она находится в развернутом состоянии.
Н/Д
Н/Д
Д
Н
Expand
При запуске развертывает динамическую панель.
Н/Д
Н/Д
Д
Н
Collapse
При запуске свертывает динамическую панель.
Н/Д
Н/Д
Д
Н
ResetToDefaultValue
Сбрасывает все содержащиеся виджеты до значений по умолчанию.
Н/Д
Н/Д
Д
Н
ResetInputsToDefaultValue
Сбрасывает входные данные виджета "Динамическая панель" до их значений по умолчанию.
Н/Д
Н/Д
Д
Н
HandleTooltipField
Отображает текст всплывающей подсказки при наведении указателя на маркер перемещения.
STRING
Н/Д
Д
Д
HandleTooltipIcon
Задает рисунок значка для всплывающей подсказки маркера перемещения.
MEDIA ENTITY
Н/Д
Н
Н
TriggerButtonTooltipField
Отображает текст всплывающей подсказки при наведении указателя на кнопку запуска.
STRING
Н/Д
Д
Д
TriggerButtonTooltipIcon
Задает рисунок значка для всплывающей подсказки кнопки запуска.
MEDIA ENTITY
Н/Д
Н
Н
Было ли это полезно?