列表
列表
适用场景
适用于需要查看多条记录详细信息的场景,比如展示客户信息等。
属性介绍
属性分类 | 属性名称 | 属性作用 |
---|---|---|
基本属性 | 组件ID | 组件在当前页面的唯一标识。 |
数据属性 | 数据源 | 上下文:表示该列表的对象数据从页面上下文获取,该上下文的数据可由外部传入。流程:该列表的数据源由指定的流程返回,并且在表单渲染时触发流程执行。数据库:该列表的数据源由所选对象的数据库中读取。 |
选择对象 | 数据源为上下文或数据库时,需选择要展示的对象。 | |
选择流程 | 数据源为流程时,需选择流程以及选择流程值中要展示的对象。 | |
选择流程 | 数据源为流程时,需选择流程以及选择流程值中要展示的对象。 | |
筛选条件 | ![]() 数据源为数据库时,可以添加指定筛选条件,只显示对应字段包含或不包含指定内容的数据项。 | |
顶部操作设置 | 显示顶部操作按钮 | 在表格顶部添加按钮组件。 |
显示搜索条 | 在表格顶部添加搜索组件,搜索样式可选择表单或搜索条。 | |
显示下载 | 在表格顶部显示下载按钮,可以下载表格内容。 | |
显示排序 | 在表格顶部显示排序按钮,同时显示属性设置中的排序规则部分。 | |
排序规则 | 默认字段 | 设置默认的排序字段。 |
默认排序 | 设置默认的排序方式。 | |
排序字段 | 选择排序字段。 |
基础功能
列表组件是一个数据组件,可以以卡片列表的形式展示指定对象的多条记录,同时具备对选中记录进行编辑、删除等操作,需要与按钮、文本、图片等通用组件配合使用。基本用法如下:
步骤1: 新建标准页面,如下所示:
步骤 2: 然后从左侧的组件列表拖动“列表”组件到画布区域,然后在右侧的属性面板中选择数据源,比如选择数据库:
步骤 3: 在选择对象属性中,点击后,可从弹窗中选择需要在该表单中展示的对象,比如“客户信息”,如下图所示:
步骤 4: 点击列表中的文本,分别设定显示的内容。比如,设定文本内容为表达式,显示对应数据字段。关于文本组件的详细操作可见4.2节文本的组件介绍。
步骤 5:设定列表中各个图片显示的内容,可选择静态或动态类型,并设置图片样式。关于图片组件的详细操作可见4.3节图片的组件介绍。
步骤 6: 设定列表中各个按钮的功能,按钮可自定义拖入、删除并自定义配置按钮出发事件。
高级功能
暂无