Skip to main content

宫格列表

1 说明

以宫格的形式展示数据列表,支持分页和检索功能。

2 配置

2.1 数据源

数据源配置参见通用文档数据源配置

2.2 分页模式配置

支持分页模式:无、分页、无限下拉

1、[无]:不分页,填充满窗口可视区域

2、[分页]:可分页展示内容,需配置每页展示几条数据、是否支持快速跳转

每页默认 10 条数据,可自定义;开启快速跳转则能够直接跳转到某页

3、[无限下拉]:可在宫格区域内无限下拉,支持配置默认行数(初始化加载几条数据,默认 10),通过点击[loading more]加载内容

2.3 定时刷新

定时刷新可实现轮询式刷新宫格视图的效果,例如设置定时刷新为 5s,则每隔五秒会自动刷新一次

2.4 基础设置

  1. 开启列配置:宫格内可配置多列
  2. 列数:设置每行展示的格子数
  3. 列间距:设置左右相邻两个格子之间的间距。可设置选项:无、小、中、大
  4. 行间距:设置上下相邻两个格子之间的间距。可设置选项:无、小、中、大
  5. 取消容器内部间距:内容宫格与宫格容器的顶边缘默认有小间距,如果取消内部间距,则变为紧凑状态
  6. 支持选中:打开该选项时,宫格支持鼠标选中事件,并且默认选中第一个宫格

2.5 其他配置

检索功能请参考检索配置

可见性请参考可见性配置

样式相关请参考样式配置

点击事件功能配置请参考事件

高级功能请参考高级函数

3 效果展示

3.1 数据展示

3.2 宫格选中图表联动