更新时间:2025-09-04 GMT+08:00

如何设置选项关联

期望实现效果

在数据录入、数据查询和流程审批等类型应用中,经常会使用联动筛选、限定可选范围,确保数据逻辑一致,减少用户操作失误。例如,在点餐类的应用表单中,“饮品分类”选项有“咖啡”和“奶茶”,“具体饮品”选项有属于咖啡类的选项,如“拿铁”、“浓缩咖啡”和“焦糖玛奇朵”,也有属于奶茶类的选项,如“英式奶茶”、“港式奶茶”和“珍珠奶茶”。在华为云Astro轻应用的零代码平台通过设置“选项关联”,可以实现当“饮品分类”选择“咖啡”时,“具体饮品”只展示咖啡类的选项。

功能实现方法

  1. 创建一个零代码应用。

    1. 参考授权用户使用华为云Astro轻应用并购买实例中操作,申请华为云Astro轻应用免费试用或购买商业实例。
    2. 实例购买后,在华为云Astro轻应用服务控制台的“主页”中,单击“进入首页”,进入应用开发页面。
    3. 在顶部菜单栏中,单击“工作台”,进入华为云Astro轻应用零代码平台。
    4. 在“全部应用”中,单击“开始创建”中的,选择“创建空白应用”。
    5. 输入应用的标题(如点餐),单击“创建普通表单”,选择“创建空白表单”,进入点餐应用。

  2. 修改表单的标题为“菜单”,删除多余的组件并从“数据组件”中拖拽一个多选按钮到画布中。

    图1 设计菜单表单

  3. 选中单选按钮,修改显示名称和选项。

    图2 设置单选按钮

  4. 设置多选按钮。

    1. 选中多选按钮,修改显示名称为“具体饮品”
    2. 在选项中,单击“批量添加”,添加具体选项。
      图3 单击批量添加
    3. 添加所需的选项,单击“确认”
      图4 添加选项

  5. 设置选项关联。

    1. 单击“具体饮品”右侧的“问卷模式设置”。
      图5 单击问卷模式设置
    2. 开启“选项关联”,单击拿铁后的“添加关联”
      图6 添加选项关联
    3. 选择关联字段的选项值,如关联“饮品分类”下的“咖啡”选项,单击“确定”。

      当选择该选项时,当前选项“拿铁”会展示在界面上。

      图7 设置关联选项
    4. 5.c的页面中,可以通过“同步”功能,将其他选项关联到咖啡分类中。例如,将浓缩咖啡和焦糖玛奇朵关联到咖啡分类中。
      图8 关联其他选项

      同步成功后,返回问卷模式设置页面,此时“选项关联”已变成“修改”。单击浓缩咖啡后的“修改”,可查看到分类已修改为咖啡。

      图9 返回问卷模式设置
      图10 查看修改后的分类
    5. 在问卷模式设置页面,单击港式奶茶后的“添加关联”,将分类设置为奶茶。
      图11 设置选项关联
    6. 单击“同步”,将港式奶茶和珍珠奶茶添加到奶茶分类中。
      图12 设置港式奶茶和珍珠奶茶分类
    7. 单击“确定”,返回问卷模式设置页面。
    8. 在问卷模式设置页面页面,单击“确认”,返回表单设计页面。

  6. 单击“保存”,并返回应用开发页面,分享表单,查看最终效果。

    单击咖啡,显示图13,单击奶茶,显示图14,说明效果符合预期。

    图13 查看最终效果(咖啡)
    图14 查看最终效果(奶茶)