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、开启滚动开关按钮,配合容器高度设置,可实现在固定区域内滚动展示数据的效果

2.5 基础设置

用于设置列表容器的高度,分割线,是否支持选中效果

1、高度:列表容器的高度,以像素为单位设置

2、支持选中:是否支持选中某一条数据,以及选中效果

3、选中样式:开启支持选中,可设置被选中数据的样式,背景色或阴影

4、列表样式:列表的展示样式,默认为分割线,可以设置为无样式、斑马纹、边框

2.6 其他配置

检索功能请参考检索配置

可见性请参考可见性配置

样式相关请参考样式配置

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

高级功能请参考高级函数

3 效果展示