Skip to main content

按钮

按钮

适用场景

用以触发特定事件的发生,可以拖拽在表单组件、容器组件等中。比如个人信息提交、订单删除、验证码发送、跳转页面等。

属性介绍

属性分类属性名称属性作用
基本属性组件ID组件在当前页面的唯一标识。
组件标题定义组件标题,支持常量输入、表达式输入和无输入三种输入模式。
按钮类型定义按钮的展示类型,支持主按钮、次按钮、链接按钮和图标按钮四种类型。运行态:
主按钮:
img
次按钮:
img
链接按钮:
img
图标按钮:
img
选择图标按钮类型为图标按钮时,可以选择不同的图标进行展示。
显示条件当放置在表单组件内部时,用以设置按钮的显示条件,支持表达式输入和无两种。
交互属性点击事件在动作编辑器中设置当按钮被点击触发时所执行的事件。

基础功能

按钮组件是一个通用组件,可以选择不同的类型进行展示,设置点击时事件来触发不同的交互。基本用法如下:

步骤1: 新建标准页面:按钮组件页面,如下所示:

img

步骤 2:新建标准页面:列表组件页面,并设置列表数据源为客户对象,该列表用以在展示按钮各个事件时展示记录使用,如下所示:

img

img

步骤 3:拖动“按钮”组件至按钮组件标准页面,设置按钮的各个属性,主要是设置点击事件,如下所示:

  • 打开页面

可以选择页面并且设置页面入参,运行态点击该按钮后,将打开指定的页面。

img

img

  • 关闭页面

可关闭当前页面,返回上一级页面。

img

img

  • 打开链接

可以设置目标url以及打开方式,如下所示,可配置在新浏览器页签打开或当前窗口打开。

img

img

  • 触发流程

可以给页面按钮,配置触发流程事件,并且将页面中数据传递给流程,在流程中做进一步逻辑处理。PS:该配置前提是需要在流程画布中配置一个流程。

img

img

img

  • 创建记录/保存记录

创建记录:会自动将页面录入的数据做新建对象记录处理,一般用在新建场景,比如新建客户、新建候选人信息等。

保存记录:对于已经存在的记录,将自动执行更新操作;如果记录不存在,则执行新建操作,一般建议用在编辑记录场景。

这两个事件主要使用在表单提交上。

img

img

最终运行态展示如下,点击后,新创建一条客户记录,可以在列表组件中查看:

img

img

  • 更新记录

新建更新表单页面,按钮点击事件设置为更新记录,数据源设置为上下文,选择客户对象,将列表客户设置为超链接,打开更新表单页面,如下所示:

img

img

最终运行态展示如下,由列表客户超链接进入更新表单页面,点击按钮,执行更新操作,更新成功后,可在列表组件查看记录:

img

img

img

  • 删除记录

删除记录一般使用在编辑列表列,不主动在按钮上设置“删除记录”点击事件,如下所示:

img

img

最终运行态展示如下,点击删除后可删除该行记录,并刷新列表:

img

img

高级功能

暂无