Skip to content

事件配置

事件配置:在组件发生某个时机(点击、值变化、失焦等)时,自动执行一串动作。适合「打开弹窗」「提示确认」「批量赋值」「校验后提交」等交互;能用隐藏条件 / 数据联动解决的,不必强上事件。

在哪里找

选中组件 → 右侧 事件配置设置事件

设置事件入口

配置方式一览

创建事件后,通常有三类配置方式(以界面为准):

方式适合说明
事件流大多数业务可视化:条件分支 + 动作节点
全局事件多处复用引用全局事件
自定义特殊逻辑环境开放时用脚本补充(非必须)

创建事件选择时机

分步:用事件流做一次完整配置

1. 选时机

常见时机(组件不同,列表不同):

时机(示意)典型组件用途
点击按钮、链接打开模块、提交、跳转
值变化输入、下拉、单选回填、提示、刷新选项
获得 / 失去焦点输入框轻量校验提示
清除带清除按钮的输入清空关联字段

2. 搭事件流

  1. 添加条件(可选):只有满足时才走某分支。
  2. 添加动作:打开模块、设值、提示等。
  3. 需要时为动作设「执行条件」「阻断条件」。

创建事件选择时机

3. 预览走通路径

按真实操作点一遍:成功路径、失败/取消路径都要点到。

内置动作(产品说明)

配置时按分类挑选即可;名称以界面中文为准。完整参数与示例见行为动作

页面

动作做什么
页面跳转打开链接或路由(新窗口 / 当前页,按配置)
页面刷新刷新当前页

弹层 / 提示

动作做什么
打开模块打开模块管理中的弹窗/抽屉
关闭模块关闭指定模块
消息提示成功 / 警告 / 错误 / 信息提示
确认对话框先让用户确认,再继续后续动作

创建事件选择时机

表单

动作做什么
隐藏 / 显示字段运行时改显隐(与隐藏条件互补)
禁用 / 启用字段运行时改可编辑
重置 / 清空回到初始值或清空
校验表单 / 校验字段触发表单或指定字段校验
提交表单走提交流程
设置字段值给一个或多个字段赋值(可配合公式)

其它

动作做什么
发送请求调接口(可带表单数据)
打印 / 导出 PDF输出当前表单
复制文本复制到剪贴板
抛出业务事件通知外部业务(名称按界面配置)
自定义回调进阶补充

动作链

多个动作按顺序执行;需要等待的动作(确认框、校验、请求等)会完成后再进行下一步。可对单个动作设置「不满足则跳过」或「满足则中断后续」。

业务示例

入门:按钮打开须知弹窗

  1. 模块管理新建弹窗「活动须知」,放入说明文字。
  2. 主表放按钮「查看须知」。
  3. 按钮 → 点击 → 动作「打开模块」→ 选「活动须知」。
  4. 预览点击,弹窗应出现。

按钮打开须知弹窗

入门:提交前确认

按钮点击 → 动作「确认对话框」(标题:确认提交?)→ 动作「校验表单」→ 动作「提交表单」。 用户点取消则不提交。

常用:故障类型变化后回填建议

时机:故障类型 值变化

text
当 故障类型 变化
  ├─ 等于「网络」 → 设置字段值:处理建议 = 「请先重启路由…」
  ├─ 等于「硬件」 → 设置字段值:处理建议 = 「请拍照上传铭牌…」
  └─ 等于「其它」 → 设置字段值:处理建议 = 空
                   →(可选)显示「补充说明」(或靠隐藏条件)

常用:选人弹窗回填

  1. 模块「选择员工」内放列表/选择器。
  2. 主表按钮「选择」→ 打开该模块。
  3. 模块内「确定」点击 → 设置主表姓名、部门 → 关闭模块。

打开逻辑也可做成全局事件,多表复用。

常用:校验指定字段再提示

失焦或点击「下一步」:

  1. 校验字段:手机号、邮箱
  2. 若失败:消息提示「请完善联系方式」(阻断后续)
  3. 若成功:打开下一步模块或跳转

常用:复制单号

只读「申请单号」旁放按钮 → 点击 → 复制文本(内容取单号字段或公式)。

执行条件与阻断

能力含义例子
执行条件成立才执行该动作仅当「同意协议」为是时才提交
阻断条件成立则后面的动作不再执行校验失败则阻断提交

与隐藏 / 联动 / 公式怎么选

场景推荐
选「其它」才出现说明隐藏条件
选商品自动填单价数据联动
数量×单价显示金额计算公式
点击打开弹窗并回填事件
提交前确认 + 校验事件
多按钮共用同一套打开逻辑全局事件

注意点

  • 先写清「用户做了什么 → 系统应怎样」,再选时机和动作。
  • 预览时覆盖:成功、取消确认框、校验失败三条路径。
  • 避免在「值变化」里做过重请求导致输入卡顿。
  • 自定义脚本仅在可视化动作不够时使用;团队协作优先事件流,便于维护。

相关阅读

相关技术文档