华为云首页用户手册

ASTRO轻应用 ASTROZERO-通过自定义动作实现AstroZero标准页面组件交互:通过自定义JavaScript代码编排事件

ASTRO轻应用 ASTROZERO-通过自定义动作实现AstroZero标准页面组件交互:通过自定义JavaScript代码编排事件

时间：2024-08-29 14:50:57

ASTRO轻应用 ASTROZERO 添加事件实现AstroZero组件间交互

通过自定义JavaScript代码编排事件

通过手动编写JavaScript代码，实现按钮的事件逻辑。系统支持在手动编写JavaScript代码时，进行代码联想提示。同时，系统还封装了一些常用功能的接口，并将其中典型接口做成模板，可以从左侧拖动相关模板至右侧事件定义区域，直接使用。

参考登录AstroZero新版应用设计器中操作，进入应用设计器。
在应用设计器的左侧导航栏中，选择“界面”。
在页面中，将鼠标放在对应的标准页面上，单击，选择“编辑”。
在标准页面开发界面，选中按钮组件。
在右侧“事件”页签中，单击“点击”后的，进入“添加动作”页面。
选择“自定义动作”，在右侧事件定义区域，输入实现事件逻辑的JavaScript代码，也可从左侧拖动相关模板至右侧事件定义区域，单击“创建”。

图2 自定义JavaScript代码

自定义JavaScript代码示例如下：
```
//获取当前组件
var _component = context.$component.current;
//获取当前表单
var  _form = context.$component.form;
// 重置表单
_form.resetFields();
```
在标准页面的自定义事件中，还内置了一些与工作流BPM交互的API：
- 获取变量：context.$工作流.loadVariables(): Promise
- 提交任务、流程： context.$工作流.submitTask(variables: {[key: string]: any}): Promise
- 修改变量： context.$工作流.putVariables(variables: {[key: string]: any}): Promise
图3 在标准页面的事件代码中与工作流交互
返回标准页面开发界面，单击页面上方的，保存页面。

上一篇：ASTRO轻应用 ASTROZERO-为AstroZero服务编排添加循环图元:如何使用循环图元

下一篇：ASTRO轻应用 ASTROZERO-对接华为云ModelArts Pro:前提条件

华为云11.11 2核1G 2M 云服务器

29元/年

立即注册领万元上云礼券

抽奖赢11111元免单

续费同价 L实例 2核2G 4M

98元/年

热门域名 1元随心购

1元/年

ASTRO轻应用 ASTROZERO-通过自定义动作实现AstroZero标准页面组件交互:通过自定义JavaScript代码编排事件

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

推荐文章

解决方案
相关专题