按钮
按钮
适用场景
用以触发特定事件的发生,可以拖拽在表单组件、容器组件等中。比如个人信息提交、订单删除、验证码发送、跳转页面等。
属性介绍
属性分类 | 属性名称 | 属性作用 |
---|---|---|
基本属性 | 组件ID | 组件在当前页面的唯一标识。 |
组件标题 | 定义组件标题,支持常量输入、表达式输入和无输入三种输入模式。 | |
按钮类型 | 定义按钮的展示类型,支持主按钮、次按钮、链接按钮和图标按钮四种类型。运行态: 主按钮: ![]() 次按钮: ![]() 链接按钮: ![]() 图标按钮: ![]() | |
选择图标 | 按钮类型为图标按钮时,可以选择不同的图标进行展示。 | |
显示条件 | 当放置在表单组件内部时,用以设置按钮的显示条件,支持表达式输入和无两种。 | |
交互属性 | 点击事件 | 在动作编辑器中设置当按钮被点击触发时所执行的事件。 |
基础功能
按钮组件是一个通用组件,可以选择不同的类型进行展示,设置点击时事件来触发不同的交互。基本用法如下:
步骤1: 新建标准页面:按钮组件页面,如下所示:
步骤 2:新建标准页面:列表组件页面,并设置列表数据源为客户对象,该列表用以在展示按钮各个事件时展示记录使用,如下所示:
步骤 3:拖动“按钮”组件至按钮组件标准页面,设置按钮的各个属性,主要是设置点击事件,如下所示:
- 打开页面
可以选择页面并且设置页面入参,运行态点击该按钮后,将打开指定的页面。
- 关闭页面
可关闭当前页面,返回上一级页面。
- 打开链接
可以设置目标url以及打开方式,如下所示,可配置在新浏览器页签打开或当前窗口打开。
- 触发流程
可以给页面按钮,配置触发流程事件,并且将页面中数据传递给流程,在流程中做进一步逻辑处理。PS:该配置前提是需要在流程画布中配置一个流程。
- 创建记录/保存记录
创建记录:会自动将页面录入的数据做新建对象记录处理,一般用在新建场景,比如新建客户、新建候选人信息等。
保存记录:对于已经存在的记录,将自动执行更新操作;如果记录不存在,则执行新建操作,一般建议用在编辑记录场景。
这两个事件主要使用在表单提交上。
最终运行态展示如下,点击后,新创建一条客户记录,可以在列表组件中查看:
- 更新记录
新建更新表单页面,按钮点击事件设置为更新记录,数据源设置为上下文,选择客户对象,将列表客户设置为超链接,打开更新表单页面,如下所示:
最终运行态展示如下,由列表客户超链接进入更新表单页面,点击按钮,执行更新操作,更新成功后,可在列表组件查看记录:
- 删除记录
删除记录一般使用在编辑列表列,不主动在按钮上设置“删除记录”点击事件,如下所示:
最终运行态展示如下,点击删除后可删除该行记录,并刷新列表:
高级功能
暂无