更新时间:2025-09-04 GMT+08:00
如何设置选项关联
期望实现效果
在数据录入、数据查询和流程审批等类型应用中,经常会使用联动筛选、限定可选范围,确保数据逻辑一致,减少用户操作失误。例如,在点餐类的应用表单中,“饮品分类”选项有“咖啡”和“奶茶”,“具体饮品”选项有属于咖啡类的选项,如“拿铁”、“浓缩咖啡”和“焦糖玛奇朵”,也有属于奶茶类的选项,如“英式奶茶”、“港式奶茶”和“珍珠奶茶”。在华为云Astro轻应用的零代码平台通过设置“选项关联”,可以实现当“饮品分类”选择“咖啡”时,“具体饮品”只展示咖啡类的选项。
功能实现方法
- 创建一个零代码应用。
- 参考授权用户使用华为云Astro轻应用并购买实例中操作,申请华为云Astro轻应用免费试用或购买商业实例。
- 实例购买后,在华为云Astro轻应用服务控制台的“主页”中,单击“进入首页”,进入应用开发页面。
- 在顶部菜单栏中,单击“工作台”,进入华为云Astro轻应用零代码平台。
- 在“全部应用”中,单击“开始创建”中的
,选择“创建空白应用”。
- 输入应用的标题(如点餐),单击“创建普通表单”,选择“创建空白表单”,进入点餐应用。
- 修改表单的标题为“菜单”,删除多余的组件并从“数据组件”中拖拽一个多选按钮到画布中。
图1 设计菜单表单
- 选中单选按钮,修改显示名称和选项。
图2 设置单选按钮
- 设置多选按钮。
- 选中多选按钮,修改显示名称为“具体饮品”。
- 在选项中,单击“批量添加”,添加具体选项。
图3 单击批量添加
- 添加所需的选项,单击“确认”。
图4 添加选项
- 设置选项关联。
- 单击“具体饮品”右侧的“问卷模式设置”。
图5 单击问卷模式设置
- 开启“选项关联”,单击拿铁后的“添加关联”。
图6 添加选项关联
- 选择关联字段的选项值,如关联“饮品分类”下的“咖啡”选项,单击“确定”。
图7 设置关联选项
- 在5.c的页面中,可以通过“同步”功能,将其他选项关联到咖啡分类中。例如,将浓缩咖啡和焦糖玛奇朵关联到咖啡分类中。
图8 关联其他选项
同步成功后,返回问卷模式设置页面,此时“选项关联”已变成“修改”。单击浓缩咖啡后的“修改”,可查看到分类已修改为咖啡。
图9 返回问卷模式设置图10 查看修改后的分类 - 在问卷模式设置页面,单击港式奶茶后的“添加关联”,将分类设置为奶茶。
图11 设置选项关联
- 单击“同步”,将港式奶茶和珍珠奶茶添加到奶茶分类中。
图12 设置港式奶茶和珍珠奶茶分类
- 单击“确定”,返回问卷模式设置页面。
- 在问卷模式设置页面页面,单击“确认”,返回表单设计页面。
- 单击“具体饮品”右侧的“问卷模式设置”。
- 单击“保存”,并返回应用开发页面,分享表单,查看最终效果。
父主题: 零代码专项