Skip to main content

列表

列表

适用场景

适用于需要查看多条记录详细信息的场景,比如展示客户信息等。

属性介绍

属性分类属性名称属性作用
基本属性 组件ID组件在当前页面的唯一标识。
数据属性数据源上下文:表示该列表的对象数据从页面上下文获取,该上下文的数据可由外部传入。流程:该列表的数据源由指定的流程返回,并且在表单渲染时触发流程执行。数据库:该列表的数据源由所选对象的数据库中读取。
选择对象数据源为上下文或数据库时,需选择要展示的对象。
选择流程数据源为流程时,需选择流程以及选择流程值中要展示的对象。
选择流程数据源为流程时,需选择流程以及选择流程值中要展示的对象。
筛选条件img
数据源为数据库时,可以添加指定筛选条件,只显示对应字段包含或不包含指定内容的数据项。
顶部操作设置显示顶部操作按钮在表格顶部添加按钮组件。
显示搜索条在表格顶部添加搜索组件,搜索样式可选择表单或搜索条。
显示下载在表格顶部显示下载按钮,可以下载表格内容。
显示排序在表格顶部显示排序按钮,同时显示属性设置中的排序规则部分。
排序规则默认字段设置默认的排序字段。
默认排序设置默认的排序方式。
排序字段选择排序字段。

基础功能

列表组件是一个数据组件,可以以卡片列表的形式展示指定对象的多条记录,同时具备对选中记录进行编辑、删除等操作,需要与按钮、文本、图片等通用组件配合使用。基本用法如下:

步骤1: 新建标准页面,如下所示:

img

步骤 2: 然后从左侧的组件列表拖动“列表”组件到画布区域,然后在右侧的属性面板中选择数据源,比如选择数据库:

img

步骤 3: 在选择对象属性中,点击后,可从弹窗中选择需要在该表单中展示的对象,比如“客户信息”,如下图所示:

img

步骤 4: 点击列表中的文本,分别设定显示的内容。比如,设定文本内容为表达式,显示对应数据字段。关于文本组件的详细操作可见4.2节文本的组件介绍。

img

img

步骤 5:设定列表中各个图片显示的内容,可选择静态或动态类型,并设置图片样式。关于图片组件的详细操作可见4.3节图片的组件介绍。

img

步骤 6: 设定列表中各个按钮的功能,按钮可自定义拖入、删除并自定义配置按钮出发事件。

img

高级功能

暂无