检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
默认 > 页面跳转”,配置“事件编辑”页面上参数,设置跳转页面,新增参数“pageMacro”为“${e.param1}”,单击“确定”。 “事件编辑”中页面跳转主要参数说明如下。 页面类型:分内部页面和外部页面,此场景中“Page2”为内部页面,请勾选“内部页面”。 内部页面:配置动作跳转至页面“Page2”。
以帮助用户快速高效地实现页面所需要呈现的功能效果。 事件行为区:集中存放事件编排过程中使用的行为节点,包括系统内置的动作(例如打开页面、弹出页面、显示或隐藏控件、定时任务、提交表单、重置表单等)和自定义动作(例如获取当前组件、获取页面模型等)。 事件定义区:事件编排的操作区域,完
跳转至其他页面,配置参数说明: 页面类型:设置待跳转的页面是当前应用中的标准页面、高级页面或外部页面。 高级页面、标准页面、外部页面:选择高级页面、标准页面或输入外部页面的地址。 动作参数:通过页面宏传递参数,可暂且不关注。 页面打开方式:设置跳转页面的打开方式,可选项包含当前浏览器窗口打开或新窗口打开。
自定义组件的“路由”页签中,出现了页面3,结果符合场景要求。 图8 拖拽自定义组件并配置路由 在设计页面左上方,单击,从“导航”中拖拽路由视图组件至设计页面自定义组件下方。 单击页面上方的,保存页面。 保存成功后,单击,发布页面。 页面发布成功后,单击,进入预览页面,查看页面效果。 新增了路由页面3,结果符合预期。
获取脚本内置库信息 功能介绍 获取脚本内置库的声明,该接口为同步接口(同步接口是指调用后,会等待函数执行结束后,才返回结果)。获取AstroZero平台可以调用的typeScript库,其中包括脚本函数以及函数相关信息,并且可以获取ES5语法的标准库。 AstroZero平台可以
页面 新创建的页面,默认是一个空白的页面框架,可以通过设置页面属性,优化页面效果,支持设置页面水印。 在标准页面设计界面,选择“组件导航 > 页面”后,即可选中“页面”页签。在右侧的属性页签中,可设置整个页面的属性。 图1 页面属性 属性 数据绑定:通过建立不同类型的视图模型,将
入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠
ex”。 “显示”属性下方展示了当前元素的盒模型示意图,在对应的数字位置单击并改变值,即可快速改变元素上下左右位置上的内外边距属性。 当前元素盒模型示意图下方,展示了当前元素的宽和高,默认是根据当前布局自适应后的宽高,可以在这里手动输入值配置当前元素的宽和高。 盒模型和宽高配置时
必填:是否设置为必须填入值。 必填错误信息:在绑定了对象模型且下拉框放置于表单组件中,当设置必填时,输入值为空的情况下,提示的错误信息。 自定义校验:是否进行自定义校验,打开后需要设置校验JS代码。当输入框在表单组件中,该设置才会生效。 校验方法:输入JS代码定义校验规则,代码的返回值必须为布尔类型或者对象类型。
Canvas小屏页面开发场景。 可同时勾选多项,勾选后,在相应类型页面开发中,才可使用该组件,本示例选择“高级页面”。 发行说明 组件的描述信息,需要配置不同语种下的描述信息。 此处配置的信息,将会在组件详情页的“概况”页签中进行展示。 组件功能测试。 在高级页面中,分别拖入上传
入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠
> 全局元素 > 页面资产管理 > 页面模板”中,可预览或删除模板,详情请参见管理页面模板。 克隆高级页面 页面创建完成后,支持将高级页面克隆到当前应用中。例如,应用A中存在两个或多个功能类似的高级页面,此时可基于已创建的高级页面克隆出一个新页面,基于克隆后的页面进行修改,减少重复创建的操作。
ex”。 “显示”属性下方展示了当前元素的盒模型示意图,在对应的数字位置单击并改变值,即可快速改变元素上下左右位置上的内外边距属性。 当前元素盒模型示意图下方,展示了当前元素的宽和高,默认是根据当前布局自适应后的宽高,可以在这里手动输入值配置当前元素的宽和高。 盒模型和宽高配置时
图41 事件配置 在“添加动作”页面,选择“自定义动作”,输入自定义JS代码,单击“创建”。 如下JS代码仅为示例,请根据实际情况修改示例中表单名称(form_0)和字段名称(data.name)。更多自定义JS脚本介绍,请参见如何通过JS代码,实现页面与后台接口间的交互。 let data
入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠
什么是执行后台逻辑 在标准页面执行后台逻辑,即在标准页面组件的事件中,调用其他服务补充和实现当前事件的行为。 例如,在员工信息录入页面中,在信息“提交”按钮的“点击”事件中,调用API,将表单中的员工信息发送到数据库进行保存。或者调用在标准页面中的服务编排或脚本,并对需要保存的信息进行预处理。
zip类型的压缩包。 在组件详情页面,单击“更新”,进入更新组件页面。 选择8.a中的组件包,单击“更新”。 返回组件详情页,可查到新上传的组件版本。 图3 新组件版本 方式二:在线编辑更新 单击“编辑”,进入组件在线编辑器。 在编辑器中,单击页面右上角的,获取锁。 图4 获取锁 锁定后,根据自身业务需求,在线修改组件文件。
使用模式:设置表格的使用模式,如管理模式、只读模式和勾选模式。 数据操作页面:编辑表格中数据的方式,可以设置“链接到页面”编辑数据。设置“链接到页面”时需要配置关联的页面名称,例如配置“详情页”、“新增页”、“修改页”的页面名称。如果在当前页面编辑数据,则清空“编辑数据的方式”值。 高级设置 高级设置仅在PC端生效。
> widgetActionTemplate (widget2) > Receive Action”。 单击页面上方的,保存页面。 保存成功后,单击,进入预览页面,查看效果。 父主题: 如何实现组件交互
和处理返回结果信息。例如,开发一个组件详细说明如下: 在AstroZero服务控制台,单击“进入首页”,进入应用开发页面。 单击页面左上角的,选择“环境管理 > 环境配置”,进入环境配置页面。 在顶部主菜单中,选择“维护”。 在左侧导航栏中,选择“全局元素 > 页面资产管理 > 组件模板”。