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