Skip to content

事件配置

组件表单事件配置功能允许用户监听和处理组件的事件,从而实现更加灵活和动态的组件行为。

1. 功能简介

自定义表单组件触发事件允许开发者或用户为表单中的组件(如输入框、下拉框、按钮等)绑定自定义事件逻辑,当用户与组件交互(如点击、输入、选择等)时,可触发预定义的操作或回调函数。

2. 功能简介

  1. 动态表单验证
  • 场景:用户输入手机号时,实时校验格式并提示错误。
  • 实现:为输入框绑定 onChange 事件,触发正则校验逻辑,动态更新错误提示。
  1. 级联选择器
  • 场景:选择省份后,自动加载对应的城市列表。
  • 实现:为省份下拉框绑定 onChange 事件,触发接口请求获取城市数据,并更新城市下拉框的选项。
  1. 实时数据同步
  • 场景:用户修改表单数据时,实时保存到本地或同步到服务器。
  • 实现:为表单绑定 onBlur 或 onChange 事件,触发数据保存逻辑。

3. 功能说明

设置事件入口:

设置事件.png

设置事件弹窗:

image-20240401213927947

  1. 当前组件支持的事件,点击新增事件
  2. 绑定自定义名称的事件

image-20240401214249824

  1. 当前编辑中的事件
  2. 删除已添加的事件
  3. 事件函数的内容编辑区域
  4. inject参数说明,这个是注入参数,从该参数中可以获取表单api和原始参数等其他参数
  5. 保存按钮,修改函数内容后需要点击按钮,保存修改后的内容

image-20240401215141123

  1. 从全局数据源中选择自定义的事件函数,支持扩展
  2. 管理按钮,快捷打开全局事件管理界面
  3. 保存按钮,修改数据源后需要点击按钮,保存修改后的内容