检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
Page传值原理 主要实现原理如下: widgetPageMacroTemplate 在widgetPageMacroTemplate.editor.js文件中定义页面宏数据。 propertiesConfig: [ { config: [ {
下载“路由导航(示例)”组件 下载后的压缩包名为“global_NavigatorWidget_版本号”,请解压该包。 修改解压后的“Navigator_Widget.js”文件。 “Navigator_Widget.js”文件是Widget逻辑文件,整个Widget的渲染核心JS。“路由导航(示例)”组件是基于Vue
ibrary包含的js和css文件名,并打成Zip包。该场景中Zip包为“MintUI.zip”,单击链接获取该包。 图1 MintUI库文件结构 packageinfo.json包含所要引入的文件。例如,MintUI库需要引入的文件有“js/index.js”和“css/index
rary包含的js和css文件名,并打成Zip包,如图1。您也可以直接单击MintUI.zip,下载MintUI.zip包 图1 MintUI库文件结构 packageinfo.json包含所要引入的文件。例如,MintUI库需要引入的文件有“js/index.js”和“css/index
验。 错误信息:正则表达式校验失败时,提示的错误信息。 自定义校验:是否进行自定义校验,打开后需要设置校验JS代码。当输入框在表单组件中,该设置才会生效。 校验方法:输入JS代码定义校验规则,代码的返回值必须为布尔类型或者对象类型。 布尔类型:返回为“false”表示未通过校验,
主要事件说明 事件编排器说明 如何通过JS代码,实现页面与后台接口间的交互 页面级常见操作 控制组件是否可见可用可编辑 BPM相关预置事件说明 父主题: 标准页面
json元数据描述文件,在该文件中列出Library包含的js和css文件名,并打成Zip包,如图2。您也可以单击链接,获取该包。 图2 MintUI库文件结构 packageinfo.json中必选要包含待引入的文件。例如,MintUI库需要引入文件“js/index.js”和“css/index.css”,请在packageinfo
单击上传按钮上传文件,由于之前在上传事件的自定义JS代码中使用“debugger” 语句设置断点,因此事件代码在执行到debugger语句时会停止执行。 按“F8”可跳转下一个断点,按“F10”可跳转下一行,根据相关数据判断页面逻辑是否正确执行。 图6 调试js代码 调试DOM及样式 在标准页面开发界面,单击,预览标准页面。
添加多个动作,上下拖动可对动作进行排序。如下图所示,给按钮组件设置了“重置表单”和“自定义JS代码”两个动作。在预览页面单击该按钮时,会按照设置的顺序先执行“重置表单”,再执行“自定义JS代码”。 父主题: 添加事件实现AstroZero组件间交互
将介绍高级页面调测的常用工具。对于自定义组件的开发和调试,AstroZero提供Scaffolding脚手架工具,可实现本地开发组件的实时在线调测。对于前台页面中常遇到的样式或功能问题,可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中
在自定义组件中配置所需桥接器实例,并通过AstroZero提供的API发起请求和处理返回结果信息。该组件详细说明如下: 在BridgeTestWidget.editor.js文件中,配置桥接器实例。 config: [{ "type": "connectorV2", "name": "APIConnector"
在AstroZero标准页面弹窗的onOk事件中,不想关闭弹窗该怎么处理? 问题描述 标准页面弹窗的“onOk”事件中,不想关闭弹窗该怎么处理? 图1 自定义JS代码 解决方法 “onOK”是系统预置事件,不提供阻止窗口关闭的能力。对于类似需求,可以通过将“footerHide”属性设为“true”
示例1:校验输入文字内容长度不能超过10个字符。示例JS代码如下: return value.length <= 10 其中,“value”变量为系统已定义好的,表示输入内容变量,可直接使用该变量 示例2:校验输入文字内容,只能输入大写的“A-Z”,或小写的“a-z”。示例JS代码如下: 返回值类型为布尔:
验。 错误信息:正则表达式校验失败时,提示的错误信息。 自定义校验:是否进行自定义校验,打开后需要设置校验JS代码。当输入框在表单组件中,该设置才会生效。 校验方法:输入JS代码定义校验规则,代码的返回值必须为布尔类型或者对象类型。 布尔类型:返回为“false”表示未通过校验,
开启调试:是否开启调试功能。开启后,在小程序使用过程中展示控制台,方便调试使用。在正式运行环境上,建议关闭调试功能。 启用js编译器:当打包的应用内有高级页面时,才会显示该参数。开启后,会将高级页面引用的插件和资源进行JS编译,使代码规范化。 高级设置 > 导航栏显示方式:导航栏配置,在小程序展示时是否显示导航栏。
件的共享状态,不管组件在页面的哪个位置或层级,任何组件都能获取状态或触发状态改变的动作。全局状态相当于全局变量,属性是私有的,需要在组件的js文件中,使用预置的“this.$mstore.dispatch”方法,来修改状态数据。 思考:什么情况下,应该使用全局状态? 解惑:当页面
事件配置 在“添加动作”页面,选择“自定义动作”,输入自定义JS代码,单击“创建”。 如下JS代码仅为示例,请根据实际情况修改示例中表单名称(form_0)和字段名称(data.name)。更多自定义JS脚本介绍,请参见如何通过JS代码,实现页面与后台接口间的交互。 let data =
submitTask(variables)) 更改变量: $工作流(op => op.putVariables(variables)) 另外,在高级页面的自定义组件的JS文件中,也可以通过以下代码即可触发名称为“test工作流”的工作流流程,并将“test1”作为“val”变量的值传到工作流流程中。 $工作流(op
标准页面是一种将一个或多个组件拖进画布,进行低代码甚至无代码的配置,即可快速完成业务功能的前端页面。对于一般的业务应用系统,例如请假电子流、出差报销、在线投票等企业常见业务场景,其功能主要是针对业务数据的增、删、改、查,且前端界面的样式相对简单的页面,可以使用AstroZero提供的标准页面。
模型,在组件事件JS代码中,操作对应的页面模型实现执行后台逻辑。 如何将标准页面需要使用的服务,映射为页面服务模型,请参见如何获取后台数据。 在创建页面服务模型,并将服务与页面模型绑定时,对应服务的入参和出参会成为页面服务模型的子节点。之后在标准页面组件的事件JS代码中,将入参数