动态面板小组件 (主题)
 |
“动态面板”可在平台中用作标准小组件，也可用作 web 组件 (可从 SDK 导入)。
|
动态面板小组件是允许用户在运行时进行动态调整的一种容器。可以使用此小组件在混搭中显示或隐藏容器。动态面板可以定位到父容器的左侧、右侧、顶部或底部。可以在运行时动态调整面板宽度，以及打开和折叠面板。可以使用动态面板提供与布局中主容器相关的附加信息或表单输入。
1. 展开和折叠按钮
2. 侧容器
3. 拖动控制滑块
4. 主容器
将面板配置为可折叠部分
可使用 DynamicPanelType 属性将小组件配置为可折叠部分。使用此变型可隐藏主布局中的非必要详细信息或控件，从而节省空间。用户可根据需要手动展开和折叠各个部分。与可调整面板不同，容器不会自动扩展以填充布局中的可用空间，它的高度将根据其内容进行变化。
1. 展开和折叠按钮
2. 部分的正文
3. 部分的标题
| | 要在动态面板的正文部分中显示内置混搭，您必须在 SectionBodyMinHeight 属性中指定一个值。 |
小组件属性
属性名称 | 说明 | 基本类型 | 默认值 | 是否可绑定? (Y/N) | 是否可本地化? (Y/N) | ||
|---|---|---|---|---|---|---|---|
TabSequence | 设置按 TAB 键时突出显示小组件的顺序。 | NUMBER | 不可用 | N | N | ||
SectionBodyMaxHeight | 用于设置：部分的标题的高度。 | NUMBER | 自动大小 | N | N | ||
SectionBodyMinHeight | 用于设置：部分的标题的最低高度。 | NUMBER | 自动大小 | N | N | ||
SectionHeaderHeight | 用于设置：部分的标题的高度。 | NUMBER | 自动大小 | N | N | ||
HideTriggerButton | 隐藏触发器按钮。 | BOOLEAN | False | N | N | ||
HideDragHandle | 隐藏拖动手柄。 | BOOLEAN | False | N | N | ||
Disabled | 禁用混搭中的小组件。小组件随即显示，但不可用。 | BOOLEAN | False | Y | N | ||
DynamicPanelType | 用于控制动态面板类型。可选择显示可调整面板或可折叠部分。 | STRING | 可调整面板 | N | N | ||
CustomClass | 定义 CSS 以应用于小组件顶层 div。输入多个类时，请以空格分隔每个类。 | STRING | 不可用 | Y | N | ||
PanelSize | 设置面板大小。 | STRING | 220 | Y | N | ||
ClickOutsideToClose | 在面板外单击时即会关闭面板。 | BOOLEAN | False | Y | N | ||
Behavior | 将面板设置为“推送内容”或“飞掠”。 | STRING | 推送内容 | Y | N | ||
AnimationSpeed | 将展开和折叠的面板的动画速度设置为“快”、“中”或“慢”。 | STRING | 中 | Y | N | ||
MinSizeWhenExpanded | 设置面板沿水平轴展开时的最小宽度。最小值为 34 像素。 如果面板位于顶部，则此属性将定义沿竖直轴的高度。 | STRING | 50 | Y | N | ||
MaxSizeWhenExpanded | 设置面板沿水平轴展开时的最大宽度。 如果面板位于顶部，则此属性将定义沿竖直轴的高度。 | STRING | 100% | Y | N | ||
SizeWhenCollapsed | 设置面板沿水平轴折叠时的宽度。 如果面板位于顶部，则此属性将定义沿竖直轴的高度。 | STRING | 不可用 | Y | N | ||
AnchorLocation | 将面板中定位标记的位置设置为“左”、“上”、“右”或“下”。 | STRING | 左 | Y | N | ||
Collapsed
| 用于设置和检索动态面板在运行时的折叠状态。 | BOOLEAN | False | Y | N | ||
TriggerButtonLocation | 将触发器按钮的位置设置为“上”、“居中”、“下”、“面板”或“无”。 | STRING | 上 | Y | N | ||
TriggerButtonType | 将触发器按钮的类型设置为“双脱字符”、“单脱字号”、“正/负”或“关闭”。 | STRING | 双脱字符 | Y | N | ||
TriggerButtonSide | 用于控制：当小组件配置为可折叠部分时，标题上触发器按钮的位置。 | STRING | 左 | Y | N | ||
TriggerButtonIcon | 用于指定：在将小组件配置为可折叠部分时，触发器按钮显示的图标。选项：“单脱字符”、“三角形” | STRING | 单脱字符 | Y | N | ||
ToggleExpandCollapse | 触发时，如果面板处于折叠状态，则将其展开，如果面板处于展开状态，则将其折叠。 | 不适用 | 不适用 | Y | N | ||
Expand | 触发时，此选项会展开动态面板。 | 不适用 | 不适用 | Y | N | ||
Collapse | 触发后，此选项会折叠动态面板。 | 不适用 | 不适用 | Y | N | ||
ResetToDefaultValue | 将所有包含的小组件重置为默认值。 | 不适用 | 不适用 | Y | N | ||
ResetInputsToDefaultValue | 将“动态面板”小组件的输入重置为其默认值。 | 不适用 | 不适用 | Y | N | ||
HandleTooltipField | 在手柄上悬停时显示工具提示文本。 | STRING | 不可用 | Y | Y | ||
HandleTooltipIcon | 设置手柄的工具提示的图标图像。 | MEDIA ENTITY | 不适用 | N | N | ||
TriggerButtonTooltipField | 在触发器按钮上悬停时显示工具提示文本。 | STRING | 不可用 | Y | Y | ||
TriggerButtonTooltipIcon | 设置触发器按钮工具提示的图标图像。 | MEDIA ENTITY | 不适用 | N | N |