检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
添加多个动作，上下拖动可对动作进行排序。如下图所示，给按钮组件设置了“重置表单”和“自定义JS代码”两个动作。在预览页面单击该按钮时，会按照设置的顺序先执行“重置表单”，再执行“自定义JS代码”。 父主题： 添加事件实现AstroZero组件间交互
件的共享状态，不管组件在页面的哪个位置或层级，任何组件都能获取状态或触发状态改变的动作。全局状态相当于全局变量，属性是私有的，需要在组件的js文件中，使用预置的“this.$mstore.dispatch”方法，来修改状态数据。 思考：什么情况下，应该使用全局状态？ 解惑：当页面
在AstroZero标准页面弹窗的onOk事件中，不想关闭弹窗该怎么处理？ 问题描述 标准页面弹窗的“onOk”事件中，不想关闭弹窗该怎么处理？ 图1 自定义JS代码 解决方法 “onOK”是系统预置事件，不提供阻止窗口关闭的能力。对于类似需求，可以通过将“footerHide”属性设为“true”
事件配置 在“添加动作”页面，选择“自定义动作”，输入自定义JS代码，单击“创建”。 如下JS代码仅为示例，请根据实际情况修改示例中表单名称（form_0）和字段名称（data.name）。更多自定义JS脚本介绍，请参见如何通过JS代码，实现页面与后台接口间的交互。 let data =
标准页面是一种将一个或多个组件拖进画布，进行低代码甚至无代码的配置，即可快速完成业务功能的前端页面。对于一般的业务应用系统，例如请假电子流、出差报销、在线投票等企业常见业务场景，其功能主要是针对业务数据的增、删、改、查，且前端界面的样式相对简单的页面，可以使用AstroZero提供的标准页面。
数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数
submitTask(variables)) 更改变量： $工作流(op => op.putVariables(variables)) 另外，在高级页面的自定义组件的JS文件中，也可以通过以下代码即可触发名称为“test工作流”的工作流流程，并将“test1”作为“val”变量的值传到工作流流程中。 $工作流(op
修改解压后的“Navigator_Widget.js”文件。 “Navigator_Widget.js”文件是Widget逻辑文件，整个Widget的渲染核心JS。“路由导航(示例)”组件是基于Vue Router（ Vue.js官方的路由管理器）开发的，请参考Vue Router的代码开发规范，修改组件包中的文件。
保存”，可给接口添加业务权限凭证。 预览测试接口。 在自定义接口列表中，单击接口所在行的，预览接口。 若为公共接口，支持查看接口参数并进行在线测试。若为私有接口，只可查看接口的入参和出参。 图2 公共接口 图3 私有接口 单击接口URL后的，可查看接口的参数。 若为公共接口，单击
参见如何引入第三方库。 系统为上传组件预置了clearFiles()方法，该方法用于清除上传文件列表。在上传组件的事件编排JS代码中，可使用该方法，示例JS代码如下： var _component = context.$component.get('upload_0');_component
模型，在组件事件JS代码中，操作对应的页面模型实现执行后台逻辑。 如何将标准页面需要使用的服务，映射为页面服务模型，请参见如何获取后台数据。 在创建页面服务模型，并将服务与页面模型绑定时，对应服务的入参和出参会成为页面服务模型的子节点。之后在标准页面组件的事件JS代码中，将入参数
数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数
数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数
单击“编辑”，可给接口添加业务权限凭证。 预览测试接口。 在自定义接口列表中，单击接口所在行的，预览接口。 若为公共接口，支持查看接口参数并进行在线测试。若为私有接口，只可查看接口的入参和出参。 单击接口URL后的，可查看接口的参数。 若为公共接口，单击“测试一下”，填写输入参数，单击
中，当设置必填时，输入值为空的情况下，提示的错误信息。 自定义校验：是否进行自定义校验，打开后需要设置校验JS代码。当输入框在表单组件中，该设置才会生效。 校验方法：输入JS代码定义校验规则，代码的返回值必须为布尔类型或者对象类型。 布尔类型：返回为“false”表示未通过校验，
数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数
在“widget_demo_property.editor.js”的“propertiesConfig”中，定义Widget属性，包含属性的类型、名称和在界面展示的标签名。 如下加粗代码所示，“widget_demo_property.editor.js”中分别定义了text、 checkbox以及select类型的三个属性参数。
在模板详情页，单击“下载”，设置组件名称为“BridgeTestWidget”，单击“保存”。 解压已获取的组件包，在BridgeTestWidget.editor.js文件中，配置桥接器实例。 BridgeTestWidget = BridgeTestWidget.extend({ /*
理？ 在AstroZero中编排高级页面时，如何实现不加载组件库资源？ 在AstroZero中自定义高级页面组件（widget）时，修改了JS文件，修改部分不生效？ 在AstroZero组件库中，部分组件在组件详情页看不到更新和编辑入口 在AstroZero高级页面中，如何进行统一的HTTP状态拦截？
AstroZero提供一个方便简洁的在线开发IDE，即脚本编辑界面，脚本编辑界面开发体验接近离线的开发工具，具有如下优势： 现代化的编辑界面，语法高亮显示。 智能提示，智能补全。 精确查看定义，代码预览，查找引用。 快速在线编译。 友好的语法错误提示。 可以使用console.log，写日志分析复杂的问题。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
