构建高级栅格或树形栅格

Mashup Builder > 小组件 > 高级栅格 > 构建高级栅格或树形栅格

构建高级栅格或树形栅格

与 ThingWorx Composer 中的任何数据呈现小组件一样，栅格小组件必须放置在混搭中，并配置有传入数据绑定。要构建高级栅格或高级树形栅格，请执行以下操作：

1. 将下列小组件之一拖动到混搭上：

◦ 高级栅格

◦ 高级树形栅格

2. 在右侧添加一个数据源实体。

3. 从“已返回数据”中，将“所有数据” 拖动到栅格中并将其绑定到 Data 属性。此绑定用于定义当激活栅格时将从何处加载数据。

如果要构建树形栅格，您还可以绑定子数据的源。从“已返回数据” (在同一数据源实体中或来自不同源) 中，将“所有数据”拖动到栅格中的 Child Data 属性。此绑定用于定义当展开后续节点并动态加载子数据时子数据的来源。

在树形栅格中绑定子数据需要特定类型的数据服务，以提供正确排序、搜索、筛选和展开节点所需的代码。有关详细信息，请参阅使用树形栅格数据。

4. 使用下列方法之一定义栅格配置参数：

◦ 静态配置 - 使用 Mashup Builder 中的可用属性列表来配置栅格参数。可用属性将在设计视图的左侧面板中列出。有关信息，请参阅高级栅格的属性。

◦ 动态配置 - 写入一个可输出 JSON 对象并将其绑定到栅格的配置服务。有关信息和示例脚本，请参阅使用配置服务。

如果数据源与数据形状相关联，则还可以在设计视图中小组件左上角的快捷菜单中配置某些栅格参数。有关详细信息，请参阅上下文菜单中的列配置。

5. 保存并查看已完成的混搭。