Mashup Builder > 混搭 > 创建内置混搭
创建内置混搭
在创建基于响应式混搭的应用程序时,建议将整个应用程序分割为更小的可重用组件。可重用组件是指可用于不同使用情况的一组小部件。您可以使用内置混搭小组件将混搭添加到布局中的容器。可重用混搭可用于:
创建更简单的混搭结构,即父混搭中包含的绑定更少。这样便可更轻松地解决应用程序中的问题。
将混搭分割为几个部分,以便多个开发人员处理同一应用程序。
通过重用简单混搭可更快速地构建复杂混搭。
有关详细信息,请参阅内置混搭小组件
您可以在其父混搭中配置内置混搭。例如,请考虑用于在 ThingWorx 中查询审计数据的混搭应用程序。您无需创建单个混搭,而是可以将应用程序分割为多个混搭,并使用可重用组件对其构建:
顶部部分包含用于进行搜索的导航选项、按钮和输入小组件。
搜索部分将包含查询服务返回的数据,并会将其显示在栅格中。
可视化部分将显示不同图表上的栅格中的数据。
添加内置混搭
1. 打开并编辑现有混搭,或创建新混搭。
2. “布局”面板上,将容器添加到父混搭中。
3. 将内置混搭小组件从“小组件”面板拖动到容器中。
4. 通过以下方式之一选择要为小组件显示的混搭:
“属性”面板上,为 Name 属性选择混搭。
将混搭从“混搭”面板拖动到工作区中的小组件。
5. 单击“保存”,然后单击“查看混搭”。内置混搭会在运行时显示在当前混搭中。
添加内置混搭后,您可以使用混搭参数将数据和事件绑定到内置混搭,亦可绑定来自内置混搭的数据和事件。有关详细信息,请参阅配置混搭参数
配置内置混搭布局
将内置混搭添加到布局中时,系统根据小组件容器的尺寸显示混搭。当内置混搭的尺寸超出容器中的可用空间时,将出现一个滚动条。当存在多个内置混搭时,可能会导致可用性问题。如果一个或多个内置混搭超出其容器的可用空间,则父项混搭上会出现多个滚动条。您可以展开这些容器以适应内置混搭的内容。使用内置混搭小组件的 ResizeToContent 属性展开容器,并在内置混搭中显示完整内容。
要在父混搭中展开容器,请执行以下步骤:
1. 使用内置混搭小组件打开父项混搭。
2. “资源管理器”面板上,选择具有内置混搭小组件的容器。
3. “布局”面板的“高级”下,将“收缩比例”框设置为 0。
4. 对布局中的其他容器重复上一步骤。这样可防止内置混搭容器占用布局中的所有可用空间。
启用此属性时,内置混搭的容器会根据布局方向进行竖直或水平拉伸。仅在内置混搭包含具有固定大小的元件时,该属性才会影响混搭。例如,静态容器、混搭或非响应式小组件。内置混搭必须具有已定义高度,才能展开父容器的内容。例如,“高级栅格”小组件是使用容器中可用空间的响应式小组件。当增大小组件以适应更多行时,内置混搭的父容器大小仍保持不变。要展开父容器,请为混搭、容器或小组件指定固定大小。
这对您有帮助吗?