初识事件-动作

更新时间：2024-07-11 GMT+08:00

查看PDF

低代码平台为组件设计了事件-动作机制，实现组件与组件、组件与页面之间的交互。

本章节将向您介绍低代码平台预置的常用事件及动作，以及在高级页面中如何为组件配置事件。

查看组件可配置事件列表。

以雷达图组件为例，在画布中拖入并选中雷达图组件，在右侧“组件属性设置”栏中选择“事件”页签，会显示当前组件可配置的事件列表。

图1 事件配置示例

图1所示的“跳转页面”事件，并非低代码平台预置的事件，而是在“雷达图”组件中注册的事件，当单击该组件标题时触发。即事件列表中也会展现该组件注册的事件，用于配置。组件中如何注册事件，请参见同页面内组件的交互。

说明：

事件在开发态（高级页面编辑页面）不能触发，只有在页面的运行态（应用运行状态或预览页面）才能触发生效。

配置事件触发时的响应动作。

单击事件名称后的，在弹出的“事件编辑”页面，可配置该事件触发时的响应动作。

图2 配置事件示例

“事件编辑”弹窗说明
 如下图所示，其中标签1“新建动作”按钮，可为当前事件添加响应动作，标签2为当前事件已配置的动作列表，可在列表中操作列对其再次编辑或删除。
图3 事件编辑弹窗

预置动作说明

图4 动作列表示例

如上图所示，当单击“新建动作”按钮后，可展现当前事件可配置的动作列表。

表2 预置动作列表
动作类别	动作名称	详细说明
默认	页面跳转	跳转至其他页面，配置参数说明：页面类型：设置待跳转的页面是当前应用中的标准页面、高级页面或外部页面。高级页面、标准页面、外部页面：选择高级页面、标准页面或输入外部页面的地址。动作参数：通过页面宏传递参数，可暂且不关注。页面打开方式：设置跳转页面的打开方式，可选项包含当前浏览器窗口打开或新窗口打开。
自定义	自定义动作	自定义动作可通过代码，实现响应动作的逻辑。 //var flag=true //{widgetxxx}.flag=flag; console.log('测试自定义动作');
BPM动作	提交实例	详细介绍，请参见BPM如何与页面交互。
	提交任务
	转派任务
	更改变量