检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击页面上方的,保存页面。
位置 距离左端:组件到页面左侧的距离,单位为px。 距离顶端:组件到页面顶部的距离,单位为px。 宽度:组件的宽度,单位为px。 高度:组件的高度,单位为px。 堆叠顺序:设置组件层叠显示顺序。组件的堆叠顺序默认都是“1”,数字越大,显示越靠前。
在标准页面设计界面,从“基本组件”中,拖拽“表单”组件至页面工作区域,如图1。 图1 表单 向页面中拖入一个表单组件,即可弹出元数据表单配置向导页面。
在更新桥接器页面,选择新的桥接器包,单击“更新”,更新资产库中的桥接器。 您也可以在桥接器详情页面,直接单击“更新”,在更新桥接器页面再单击页面右上角的,锁定桥接器。 父主题: 管理页面资源
开发完成后,发布生成的高级页面为同一URL,当电脑端或移动端加载这一URL时,平台会自动检测加载相应视图页面。 如果用户开发的高级页面用于多种设备,推荐使用具有响应式布局的流式布局进行高级页面开发。
在AstroZero标准页面组件较多时,如何快速选中组件? 方式一:使用组件导航,选中目的组件 当页面中组件过多,不易选择某个组件时,可以先选择该组件附近的某个子组件,当选中子组件后,“组件导航”上将显示它的html标签层级。直接单击标签层级,即可快速切换组件。
整个页面有加载(on-load)事件,该事件在页面渲染完成后执行,可进行数据初始化操作。更多关于事件的介绍,请参见主要事件说明。 库 在库中,可配置页面需要的依赖库,扩展页面功能。库分为系统预置库和自定义库两种,更多介绍请参见如何引入第三方库。 父主题: 平台标准组件介绍
在高级页面设计器中,单击,从“仪表盘”中,拖拽“仪表盘”组件到画布中,如图1所示。 图1 仪表盘 属性 在属性中,设置仪表盘组件的位置、边框、背景等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。 位置 距离左端:组件到页面左侧的距离,单位为px。
属性:勾选后,页面上会隐藏该字段。 宽度:该组件框的宽度,占页面宽度的比例。 父主题: 统计页面组件介绍
整个页面有加载(on-load)事件,该事件在页面渲染完成后执行,可进行数据初始化操作。更多关于事件的介绍,请参见主要事件说明。 库 在库中,可配置页面需要的依赖库,扩展页面功能。库分为系统预置库和自定义库两种,更多介绍请参见如何引入第三方库。 父主题: 平台标准组件介绍
在AstroZero标准页面弹窗的onOk事件中,不想关闭弹窗该怎么处理? 问题描述 标准页面弹窗的“onOk”事件中,不想关闭弹窗该怎么处理? 图1 自定义JS代码 解决方法 “onOK”是系统预置事件,不提供阻止窗口关闭的能力。
分类 组件所属分类,上传组件后,该组件将会在页面的该分类下进行展示。 领域 组件包应用的领域。 一般保持默认“通用”,在组件列表中可基于领域进行分类展示。 场景 该组件包应用的场景,有以下几种: 高级页面:该组件适用于高级页面开发场景。 标准页面:该组件适用于标准页面开发场景。
背景与原理 业务应用构建登录页面时,一般情况下是通过使用AstroZero的高级页面能力实现。您可以通过本节认识高级页面,并了解登录页面的开发流程。 了解高级页面 AstroZero前端页面有标准页面、高级页面和表单三种。本节主要带您了解、学习并使用高级页面。
整个页面有加载(on-load)事件,该事件在页面渲染完成后执行,可进行数据初始化操作。更多关于事件的介绍,请参见主要事件说明。 库 在库中,可配置页面需要的依赖库,扩展页面功能。库分为系统预置库和自定义库两种,更多介绍请参见如何引入第三方库。
新建一个标准页面,并进行页面设计。 在应用设计器的界面中,单击页面后的“+”,输入页面标签和名称,新建一个标准页面。 在“基本组件 > 布局”中,拖拽一个列表视图组件到画布中。 图1 添加列表视图组件 再从“表单”中,拖拽一个输入框到列表视图中。
父主题: 统计页面组件介绍
数据操作页面:编辑表格中数据的方式,可以设置“链接到页面”编辑数据。设置“链接到页面”时需要配置关联的页面名称,例如配置“详情页”、“添加页”、“修改页”的页面名称。若在当前页面编辑数据,则清空“编辑数据的方式”值。 高级设置:设置项,只在PC端生效。
图1 选择页面设置 选择“资源”页签,在不需要加载的库资源所在行,单击,将“开发页面不加载”开关打开。 请确认不影响开发页面的功能后,再打开“开发页面不加载”,便于减少在开发时的资源加载。 图2 打开所需开关 父主题: 应用前端开发
图3 自定义字段 在标准页面选中表格组件,新增模型,设置为对象模型,选中上一步的对象,设置表格数据源。 图4 设置数据绑定 图5 设置对象模型 图6 设置关联字段 图7 选中模型 在标准页面选中表格组件,开启“树形数据”并设置如下参数。
图5 图表位置 属性:勾选后,页面上会隐藏该字段。 宽度:该组件框的宽度,占页面宽度的比例。 父主题: 统计页面组件介绍