Mashup Builder > 混搭 > 响应式混搭 > 展开和折叠容器
展开和折叠容器
可设置 EnableExpandCollapse 属性以控制容器在混搭中的可见性。容器在折叠后,其内容对用户不可见。展开后,容器及其内容均可见。可使用按钮或 ExpandCollapse 服务来控制容器可见性。例如,可使用属性来显示或隐藏配置选项不应始终可见的容器。
使用服务展开或折叠容器
1. 在 Mashup Builder 中,选择工作区中的容器。
在 ThingWorx 9.1 及更早版本中,只能选择布局边缘的容器。
2. “属性”面板上,选择 EnableExpandCollapse 属性。
3. 将事件绑定到容器的 CollapseExpand 服务。
触发事件后,将执行服务并展开或折叠容器。可绑定小组件中的事件、函数或服务来控制容器的可见性。
使用按钮展开和折叠容器
1. 在 Mashup Builder 中,选择位于工作区边缘的容器。
2. “属性”面板上:
a. 启用 EnableExpandCollapse 属性。
b. 启用 ShowExpandCollapseTab 属性。
容器上将出现一个箭头按钮 展开/折叠按钮。可单击该按钮以在运行时展开或折叠容器。
覆盖容器
展开或折叠容器时,混搭中的容器大小会发生变化。这可能打乱混搭的布局。通过 Overlay 属性,可在布局顶部显示容器。只能为具有固定或指定大小范围且位于混搭边缘的容器启用该属性。
这对您有帮助吗?