Mashup Builder > 小组件 > 标准小组件 > 栅格小组件 > 搭配使用栅格和分页小组件
搭配使用栅格和分页小组件
栅格小组件会在单个页面上显示来自绑定信息表的所有数据。当行的数量和大小超出屏幕上的可用空间时会出现滚动条。可通过在多个页面上拆分数据行来对栅格数据进行分页。这将有助于用户更加轻松地导航至大型数据集的特定部分。要对数据进行分页,就必须创建一个分页服务、添加分页小组件,然后在分页小组件、栅格小组件和服务之间创建绑定。以下过程概述了使用分页小组件的常规步骤。有关创建分页服务的更多详细信息,请参阅创建分页数据服务
1. 打开“小组件”面板,然后将“分页”小组件拖至工作区中的容器内。
2. “数据”面板上,添加一个返回已分页数据的数据服务。
该服务必须包含以下值:
数据集中的结果总数。
每页上将显示的行数。
当前页码。
3. 将分页数据服务的 All Data 属性绑定至栅格小组件 Data 属性。
4. 将以下事件绑定至“数据”面板上的分页数据服务:
混搭的 Loaded 事件 - 在初始化混搭时执行服务。
栅格的 Filter 事件 - 在使用筛选框或数据筛选器小组件筛选数据时执行服务。
分页小组件的 PageNumberChanged 事件 - 在当前页码发生更改时执行服务。
5. 将分页小组件 PageNumberPageSizeResultsNumber 属性绑定为分页数据服务的输入参数。
6. 单击“保存”,然后查看混搭。
在运行时对栅格数据进行分页。
更改页面时保留选定行
默认情况下,分页栅格中的页面发生更改时,不会保留存储在 SelectedRows 属性中的选定行。在 ThingWorx 9.3.6 或更高版本中,选定行的 ID 存储在 SelectedRowsIDs 信息表属性中。在页面之间移动时会保留属性值。可以创建输出绑定以将选定行的 ID 传递到数据服务,或创建输入绑定以通过向属性传递空信息表来重置选择。
这对您有帮助吗?