检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图文展示 图文展示组件是系统提供的富文本呈现功能Web组件。 在表单开发页面,从“通用组件”中,拖拽“图文展示”组件至表单设计区域,如图1。 图1 图文展示 显示名称:页面标题内容,可以设置为中文,也可以设置为英文。 内容:单击“编辑”,可设置富文本内容。 背景颜色:设置富文本的背景颜色。
通过AstroZero中的脚本实现表格数据的增加和删除 期望实现效果 通过脚本,在前端页面实现对象数据的增加和删除。例如,在标准页面中增加或删除一条数据时,标准页面关联的对象中,数据也会随之添加或删除。 图1 在页面添加数据 图2 对象中同步新增数据 图3 对象中有两条数据 图4
recsInsert.push(recOne) } console.log('recsInsert = ', recsInsert) if (recsInsert.length <
本章节以开发一个满足响应式布局的商品列表组件为例,向您介绍如何适配多终端。 商品列表组件可以用于不同分辨率的手机端和电脑端,组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。例如,视区(屏幕或浏览器可视区域)由宽变窄过程中,呈现出多终端适配的响应式效果,商品单行个数逐渐由五列变为一列。 图1 商品列表组件的响应式设计
> 应用”。 单击之前添加的应用,在应用信息页面单击应用图标。 单击左侧列表中的“认证集成”,配置认证参数。 若1.f认证协议配置的为“Oauth2”或“CAS”,请参考图6和表5设置。 图6 配置认证参数 表5 参数说明 参数 说明 标准授权模式 标准授权模式是最常用,安全性也最
默认值:支持设置如下默认值。 其他字段值:该表单内的其他定位组件、关联记录中的定位字段。 关联数据:关联已有数据,即取查询到的,最新的一条数据作为默认值。 图2 配置默认值 公式编辑:给表单中的某个字段编辑公式后,在填写表单或修改表单数据时,可以使该字段的值根据公式自动计算出来,不需要再手动填写,提高效率。
返回设计视图页面,新建表格关联模型。 在标准页面底部,单击“设计视图”,从模型视图切换到设计视图。 在标准页面中拖入一个表格组件。 图8 拖入表格组件 选中表格组件,在“属性 > 数据绑定 > 值绑定”中,单击。 选中3中创建的模型,单击“确定”。 图9 选择模型 选中表格,在“属性 >
进行代码联想提示,并封装了一些常用功能的接口,并将其中典型接口做成模板,供您直接使用。 内置的模板代码,主要包括组件、消息&弹窗、页面、表单、表格、服务等。在编写JavaScript代码时,可直接使用系统预置的API,相关API说明,请参见标准页面中预置的API。 图1 使用内置的模块代码
进行代码联想提示,并封装了一些常用功能的接口,并将其中典型接口做成模板,供您直接使用。 内置的模板代码,主要包括组件、消息&弹窗、页面、表单、表格、服务等。在编写JS代码时,可直接使用系统预置的API,相关API说明,请参见标准页面中预置的API。 图1 使用内置的模块代码 图2
在页面左上方单击,选择“环境管理 > 环境配置”,进入环境配置。 在左侧导航栏中,选择“集成连接 > ROMA Connect设置”。 参照表1,配置ROMA Connect实例信息,单击“保存”。 表1 对接ROMA Connect参数说明 参数 说明 可用区 ROMA Connect实例所在的服务区。 实例ID
选择对象和字段 返回设计视图页面,新建表格关联模型。 在标准页面中拖入一个表格组件。 图9 拖入表格组件 选中表格组件,在“属性 > 数据绑定 > 值绑定”中,单击。 选中3中创建的模型,单击“确定”。 图10 选择模型 选中表格,在“属性 > 表格列 > 已添加列”中,单击,添加一个空白列。
位px。 图4 列表项间距 图例位置(上边距):设置图例到组件边框顶部的百分比。 图例位置(左边距):设置图例到组件边框左侧的百分比。 图表位置(上边距):设置图表到组件边框顶部的百分比。 图表位置(左边距):设置图表到组件边框左侧的百分比。 图5 图表位置 属性:勾选后,页面上会隐藏该字段。
默认值:支持设置如下默认值。 其他字段值:该表单内的其他定位组件、关联记录中的定位字段。 关联数据:关联已有数据,即取查询到的,最新的一条数据作为默认值。 图2 配置默认值 公式编辑:给表单中的某个字段编辑公式后,在填写表单或修改表单数据时,可以使该字段的值根据公式自动计算出来,不需要再手动填写,提高效率。
汇总值 汇总值组件用于对表单中某些字段数据或者记录总数进行数量汇总,即求和。在报表编辑页面,拖拽“汇总值”组件到中间区域,右侧可设置组件属性。 图1 汇总值 显示名称:该组件在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 数据 统计规则:选择统计规则。 按字段:按字段
输入页面标签和名称,新建一个标准页面。 在“基本组件 > 布局”中,拖拽一个列表视图组件到画布中。 图1 添加列表视图组件 再从“表单”中,拖拽一个输入框到列表视图中。 图2 添加输入框 选中列表视图组件,在“属性 > 移动端配置”中,将“默认数据条数”设置为“5”,并开启“显示加载文字”和“异步加载”。
按ID增加选项列表值集的值 功能介绍 按picklist_id增加选项列表值集的值。 URI POST AstroZero域名/u-route/baas/metadata/v1.0/Picklist/{Picklist_id} 表1 路径参数 参数 是否必选 参数类型 描述 Picklist
设置AstroZero标准页面列表视图组件属性 列表视图是一个组合组件,可以灵活组合列表项的内容,并且根据实例化数据进行动态展示。 列表视图由上方列表区和下方的页码区组成。使用时,需要在“列表视图(List View)”上绑定数据模型,且数据类型必须为数组,如果要使用分页功能,分页组件需放在最外层“列表视图(List
可根据实际需求进行如下设置。 列表布局:设置图例的列表布局,如垂直、水平。 标签换行:是否开启标签换行。开启后,当标签字数超过设置的单行最多字数时会自动换行。 单行最多字数:设置图例单行最多显示多少字,取值为1~50。 列表项间距:设置图例列表项的间隔距离,单位px。 图例位置
如何调用第三方接口 在使用AstroZero时,通常会调用第三方系统接口,进行数据交互。针对常见Rest和SOAP协议,AstroZero封装了Rest服务连接器和SOAP服务连接器。使用这两种连接器,可方便快捷的调用第三方接口,实现对第三方系统的数据增加、删除、修改和查找。 使
数值、统计空值。 图表联动:有多张透视表时,可选择联动透视图。主联动表中,单击某个维度,在被联动表中会出现与之对应的数据。 数据更新方式:图表是否需要实时更新,支持设置实时更新时间间隔。 筛选数据:单击“添加筛选条件”,设置数据筛选条件。 外观 大小:设置图表大小,如小、大、中、全屏等。