AstroZero标准页面事件编排器概述

认识事件编排器

图1 事件编排器

事件编排是页面的重要组成部分，用于承载页面中的逻辑，完成事件响应，以帮助用户快速高效地实现页面所需要呈现的功能效果。

• 事件行为区：集中存放事件编排过程中使用的行为节点，包括系统内置的动作（例如打开页面、弹出页面、显示或隐藏控件、定时任务、提交表单、重置表单等）和自定义动作（例如获取当前组件、获取页面模型等）。
• 事件定义区：事件编排的操作区域，完成对事件逻辑的编排。开发者在代码编写过程中，键入特定的字符，界面会进行提示，从而自动构建智能代码补全服务，增强IDE代码补全能力。
  • 事件内置API补全：输入“context”后，提示事件代码内可调用的API。
    图2 事件内置API补全
    
  • 模型名称补全：输入“context.$model.ref”后，提示当前页面中的模型。
    图3 模型名称补全
    
  • 服务编排名称补全：输入“context.flow”后，提示当前租户下的服务编排。
    图4 服务编排名称补全
    
  • 事件名称补全：输入“context.script”后，提示当前租户下的事件。
    图5 事件名称补全
    
  • 服务名称补全：输入“context.service”后，提示当前租户下的API服务，选择API服务名称后自动补全服务地址。
    图6 服务名称补全
    
    图7 自动补全服务地址
    
  • 华为OneMobile API补全：输入“xm”后，提示华为OneMobile小程序中的API。
    图8 华为OneMobile API补全
    
  • WeLink API补全：输入“HWH5”后提示WeLink小程序中的API。
    图9 WeLink API补全
    

了解事件执行顺序

在低代码平台的标准页面中，支持给单个组件的事件添加多个动作，上下拖动可对动作进行排序。如下图所示，给按钮组件设置了“重置表单”和“自定义JS代码”两个动作。在预览页面单击该按钮时，会按照设置的顺序先执行“重置表单”，再执行“自定义JS代码”。