Mashup Builder > 小组件 > 高级栅格
高级栅格
简介
“高级栅格”包括两种小组件:“高级栅格”和“高级树形栅格”。
这两种小组件都提供灵活的交互方式,可供在栅格视图中显示数据。每种小组件都支持多种方式来呈现列数据,并允许即时配置数据显示。
“高级栅格”和“高级树形栅格”小组件与“标准栅格”有何不同?
高级栅格小组件为完全动态栅格配置提供选项。通过 ThingWorx 服务动态配置栅格时,可以在不依赖数据形状的情况下构建栅格。这两种栅格小组件还使在设计时和运行时环境中处理栅格更加容易。
此外,“高级树形栅格”旨在处理分层数据,并可提供可展开节点,这些节点会以树结构显示父数据与子数据关系。
* 
“高级栅格”和“高级树形栅格”小组件不会向后兼容标准栅格小组件。这些高级栅格是标准栅格的替代选择。其中包括多种高级功能,但并非对标准栅格中所提供的每种功能的一对一替换。不存在从标准栅格到其中一个高级栅格的升级路径。
以下部分列出了两种高级栅格中的主要功能、高级树形栅格的独有功能以及当前在高级栅格中不可用的标准栅格功能。
两种高级栅格中的主要功能
使用静态或动态配置来构建栅格的选项:
静态 - 使用 Mashup Builder 中提供的属性来配置栅格。
动态 – 将栅格绑定到可返回具有配置参数的 JSON 对象的配置服务。
与动态栅格配置相关的增强功能:
不受基础数据形状相关性的限制,因为栅格配置参数是通过配置服务动态传入的。
可以更好地控制某些样式属性,例如字体设置
在 Mashup Builder 和服务中对栅格配置进行更改:
实时更新设计视图中的数据。设计更改会即时反映在数据中。
提供了最有用列呈现器的子集,其中包括 Boolean、Datetime、Html、Hyperlink、Imagelink、Integer、Location、Long、Number 和 String。
对多列进行排序。
多行选择选项。
栅格重置按钮。
全局栅格搜索字段。
自动宽度列大小调整和固定宽度列大小调整 (以像素或百分比表示)。
标题和单元格文本对齐。
工具栏和工具提示的样式选项。
标题和数据单元格的溢出选项和工具提示支持。
“数据筛选器”小组件增强功能:
可对所有数据类型进行实时数据筛选。栅格中的数据会更新以反映筛选情况。
OR 查询,除了标准 AND 查询之外。
数据筛选,可与搜索和排序参数配合使用。
运行时的上下文菜单,您可以在其中隐藏或取消隐藏列标题中的列。
服务器端排序和搜索功能,用于针对所有数据 (而不仅仅是当前加载到栅格中的数据) 进行排序或搜索。
以每个用户/每个栅格 cookie 保存显示设置,例如隐藏列、跨栅格的列顺序、列大小、列排序顺序 (行的排序) 和树形栅格中的行展开。
支持在栅格单元格中呈现图像。
针对 JSON 和 Mashup Builder 属性中的列标题提供本地化支持,具体取决于特定的 ThingWorx 点版本。
在栅格中添加页脚部分。
树形栅格独有的功能
用于查看多个级别的父/子数据的可展开节点。
可用于预加载初始数据并动态加载子数据的单独选项。
Javascript 树加载数据服务,用于在定义数据源后,针对父数据和子数据提供搜索和筛选功能。
通过指定要展开的任何行的 ID,自动展开通过服务定义的行。
当前在高级栅格中不可用的标准栅格功能
滚动到顶部。
单元格编辑 -
单元格编辑操作适用于“高级栅格”中当前支持的所有列格式。也可以在运行时编辑布尔型复选框。
单元格验证 -
单元格验证包括验证表达式和验证消息。栅格不接受特定列类型的无效值;因此,保留现有有效值。
支持所有列呈现器
高级栅格中当前支持的一组呈现器仅限于以下类型的内容:STRING、NUMBER、LONG、LOCATION、BOOLEAN、HTML、HYPERLINK、IMAGELINK 和 DEFAULT
* 
高级栅格功能在 8.5.X 及更高版本的 ThingWorx Platform 中作为标准小组件提供。
ThingWorx 8.4.X 及更早版本使用 PTC 软件下载页面中 ThingWorx Foundation 下作为扩展提供的高级栅格。在更高版本中可能不会对这些扩展进行升级。建议使用 ThingWorx Platform 8.5.X 及更高版本中的标准小组件。