# 初识事件-动作
#### 使用说明
低代码平台为组件设计了**事件-动作**机制，实现组件与组件、组件与页面之间的交互。
- 事件是应用在运行时，页面内发生的动作或者用户执行的操作（例如单击组件、组件加载等）。
- 动作是响应事件后，按照设定的方式，对事件做出回应（如页面跳转）。例如，用户在网页上单击一个按钮，通过显示一个信息框来响应这个动作。
本章节将向您介绍低代码平台预置的常用事件及动作，以及在高级页面中如何为组件配置事件。
#### 初识事件-动作
1. 查看组件可配置事件列表。 
   以雷达图组件为例，在画布中拖入并选中雷达图组件，在右侧"组件属性设置"栏中选择"事件"页签，会显示当前组件可配置的事件列表。
   图1事件配置示例   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933047908.png "点击放大")
   表1预置事件列表 
   | 事件名称   | 事件说明             |
   |:---|:---|
   | 点击     | 通过鼠标左键，单击该组件时触发。 |
   | 双击     | 通过鼠标左键，双击该组件时触发。 |
   | 右击     | 通过鼠标右键，单击该组件时触发。 |
   | 右双击    | 通过鼠标右键，双击该组件时触发。 |
   | 鼠标滑过   | 鼠标光标滑过该组件时触发。    |
   | 组件加载   | 组件加载完成后触发。       |
   | 单击组件标题 | 单击组件标题时触发。       |
   | 当点击图例时 | 单击图例时触发。         |
   | 当点击数据时 | 单击数据时触发。         |
      
   [图1]所示的"跳转页面"事件，并非低代码平台预置的事件，而是在"雷达图"组件中注册的事件，当单击该组件标题时触发。即事件列表中也会展现该组件注册的事件，用于配置。组件中如何注册事件，请参见[同页面内组件的交互](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_5027.html)。
   ![](https://support.huaweicloud.com/usermanual-astrozero/public_sys-resources/note_3.0-zh-cn.png)
   事件在开发态（高级页面编辑页面）不能触发，只有在页面的运行态（应用运行状态或预览页面）才能触发生效。
   
   
2. 配置事件触发时的响应动作。 
   单击事件名称后的![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960127213.png)，在弹出的"事件编辑"页面，可配置该事件触发时的响应动作。
   图2配置事件示例   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933047896.gif "点击放大")
   - "事件编辑"弹窗说明
     如下图所示，其中标签1"**新建动作** "按钮，可为当前事件添加响应动作，标签2为当前事件已配置的动作列表，可在列表中操作列对其再次编辑或删除。
     图3事件编辑弹窗   
     ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960287033.png "点击放大") 
   
   - 预置动作说明
     图4动作列表示例   
     ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001932888504.png "点击放大")
     如上图所示，当单击"**新建动作**"按钮后，可展现当前事件可配置的动作列表。
     表2预置动作列表 
     | 动作类别  | 动作名称  | 详细说明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
     |:---|:---|:---|
     | 默认    | 页面跳转  | 跳转至其他页面，配置参数说明： - 页面类型：设置待跳转的页面是当前应用中的标准页面、高级页面或外部页面。  - 高级页面、标准页面、外部页面：选择高级页面、标准页面或输入外部页面的地址。  - 动作参数：通过页面宏传递参数，可暂且不关注。  - 页面打开方式：设置跳转页面的打开方式，可选项包含当前浏览器窗口打开或新窗口打开。   |
     | 自定义   | 自定义动作 | 自定义动作可通过代码，实现响应动作的逻辑。 ``` //var flag=true //{widgetxxx}.flag=flag; console.log('测试自定义动作'); ```                                                                                                                                                                                                                                                                                                                                                                                                                          |
     | BPM动作 | 提交实例  | 详细介绍，请参见[BPM如何与页面交互](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_0636.html)。                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
     | BPM动作 | 提交任务  | 详细介绍，请参见[BPM如何与页面交互](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_0636.html)。                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
     | BPM动作 | 转派任务  | 详细介绍，请参见[BPM如何与页面交互](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_0636.html)。                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
     | BPM动作 | 更改变量  | 详细介绍，请参见[BPM如何与页面交互](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_0636.html)。                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
        
     ![](https://support.huaweicloud.com/usermanual-astrozero/public_sys-resources/note_3.0-zh-cn.png)
     [图4]中所示的"满月饼图"动作，并非低代码平台预置的动作，而是在"满月饼图"组件中注册的动作，即动作列表中也会展现在画布中所有组件注册的动作，用于配置。组件中如何注册动作，请参见[同页面内组件的交互](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_5027.html)。
     
   
   
   
   
3. 配置完成后，单击页面上方的![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960127229.png)，保存页面。
4. 单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933047904.png)，进入预览页面，查看已配置的事件和动作是否能正常触发。