检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
速切换组件。例如,在上图的组件导航中单击“页面”,可以直接选中页面上的最外层页面组件。 利用组件树,快速选中组件 在组件数量比较多,位置较为紧密时,也可以单击页面右下角的“组件树”,展开组件树,在组件树中,直接单击标签层级,快速选择组件,也可以快速切换组件。 图5 利用组件树快速选中组件
表格是一个组合组件,与模型绑定之后,可以提供快速构建基本表单能力,包括查询、保存、重置能力。同时,支持用户根据实际业务需求,进行二次修改编排。 在标准页面设计界面,从“基本组件”中,拖拽“表格”组件至页面工作区域,如图1。 图1 表格 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
的表格组件。 在标准页面设计界面,从“基本组件 > 布局”中,拖拽“表格(新)”组件至页面工作区域,如图1。 图1 表格(新) 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2 查看组件说明 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
引用 引用组件用于从关联的记录中引用某个字段数据显示在当前页面中。选用该组件需要在页面中已使用关联记录。 在表单开发页面,从“数据组件”中,拖拽“引用”组件至表单设计区域,如图1。 图1 引用 显示名称:该字段在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 关联字段:选择当前页面中的关联记录。
参考登录AstroZero新版应用设计器中操作,进入应用设计器。 在应用设计器的左侧导航栏中,选择“界面”,再单击“更多 > 页面设置”。 在“插件”页签,找到需要更新的组件,单击组件所在行右侧的,进入组件详情页。 单击“更新”,进入组件更新页面。 图1 选择更新按钮 上传本地的组件zip包,再单击“更新”。
在标准页面设计界面,从“基本组件 > 布局”中,拖拽“列表视图”组件至页面工作区域,如图1。 图1 列表视图 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2 查看组件说明 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
“显示/隐藏控件”内置动作,用于控制标准页面中全部或部分组件是否可见。 在标准页面设计界面,选中按钮组件。 在右侧“事件”页签中,单击,进入添加动作页面。 在“内置动作”中,单击“显示/隐藏控件”。 在右侧页面中,单击“添加控件”,选择需要设置的组件,单击“确定”。 图6 选择组件 设置组件是否显示,单击“创建”。
在AstroZero高级页面中,如何实现所有组件都加载完成后,再执行某段逻辑? 问题描述 高级页面开发中,需要在所有组件都加载完成后,再执行某段逻辑,该如何处理? 解决方法 可通过绑定readerPageWidgetReady事件实现,代码示例如下: $(document).bi
部门 部门组件用于获取组织机构。 在表单开发页面,从“数据组件”中,拖拽“部门”组件至表单设计区域,如图1。 图1 部门 显示名称:该组件在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 可选择记录数:选择组织内配置好的部门,支持单选或多选。 可选范围:选中“可选范围”
定位 定位组件用于根据定位获取当前所在位置,仅支持移动端设备使用。 在表单开发页面,从“数据组件”中,拖拽“定位”组件至表单设计区域,如图1。 图1 定位 显示名称:该组件在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 验证:对该字段进行一些限制。 必填:设置为“必填”,表示该字段必须配置。
汇总组件用于对关联本表单的其他表单中,某些字段数据或记录总数进行数量汇总,即求和。 使用汇总组件,需要存在关联本表单的其他表单。例如,表单A要使用汇总组件,需要先创建一个新表单B,表单B通过关联记录组件关联表单A,才能对表单B的记录做汇总。 在表单开发页面,从“数据组件”中,拖拽“汇总”组件至表单设计区域,如图1。
多选 多选组件用于一次性选择多个选项, 例如收集用户兴趣爱好时,可选用该组件。 在表单开发页面,从“数据组件”中,拖拽“多选”组件至表单设计区域,如图1。 图1 多选 显示名称:该字段在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 排列方式:选项值的排列方式,如下拉、竖排、横排。
平台标准组件介绍 标准页面组件入门 页面 分栏 表单 表格 表格(新) 列表视图 图片 二维码 分页 模态框 输入框 下拉框 按钮 上传 面包屑 视频播放 BPM相关组件 父主题: 标准页面
用。 参考登录AstroZero新版应用设计器中操作,进入应用设计器。 在应用设计器的左侧导航栏中,选择“界面”。 在页面中,将鼠标放在对应的标准页面上,单击,选择“编辑”。 在标准页面开发界面,选中按钮组件。 在右侧“事件”页签中,单击“点击”后的,进入“添加动作”页面。 选择
数值 数值组件用于记录数字类型的数据信息,例如数量、年龄、库存、金额等。数值组件支持输入数字的最大有效长度为15位,数字较长时,系统会自动添加分隔符。如果有超过15位数字的输入要求,建议替换为文本组件。 在表单开发页面,从“数据组件”中,拖拽“数值”组件至表单设计区域,如图1。 图1
分段 分段组件通常用于对下文做出说明、解释,或者将表单分成不同的部分,使得结构更加清晰。 在表单开发页面,从“通用组件”中,拖拽“分段”组件至表单设计区域,如图1。 图1 分段 显示名称:分段的说明文字,通常用于对下文做出说明、解释。 样式:分段的样式。 标题大小:设置标题的大小。
标题 标题组件用于展示页面标题。 在表单开发页面,从“通用组件”中,拖拽“标题”组件至表单设计区域,如图1。 图1 标题 显示名称:页面标题内容,可以设置为中文,也可以设置为英文。 标题大小:设置标题的大小。 标题位置:设置标题的位置。 字体颜色:设置标题的字体和颜色。 行数:标题占页面的行数。
题列表中单击刚配置好主题后的“OFF”,启用该主题。 若上一步编译不成功,需要修改主题配置,修改主题配置需要单击“ON”禁用该主题,再单击。 界面化方式 在主题配置页签,单击“界面化新建”。 配置相关组件或者颜色、排版主题样式。 例如,修改按钮组件的样式,在左侧选择“组件 > 按
为AstroZero标准页面添加组件 标准页面组件分类 标准页面组件包括系统预置的基本组件和用户自定义的扩展组件,基本组件具体说明如表1所示。如果需要了解每个基本组件的详细使用说明,请将鼠标悬浮在基本组件上,基本组件右上方会出现问号图标,单击该图标会出现该基本组件的使用说明。 表1 基本组件分类说明 分类
金额 金额组件用于录入金额。 在表单开发页面,从“数据组件”中,拖拽“金额”组件至表单设计区域,如图1。 图1 金额 显示名称:该字段在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 货币单位:设置货币的单位。 保留小数位数:设置精确保留的小数位数。 验证:对字段进行限制设置。