隐藏条件
1. 功能简介
隐藏条件是一种动态表单交互机制,其核心功能是根据特定条件动态控制字段的显示/隐藏状态。当用户操作或数据状态满足预设条件时,系统自动隐藏或显示对应字段,从而简化表单界面、减少用户认知负担,同时确保仅收集必要信息。
2. 应用场景
- 条件触发显示:例如,用户选择“其他”选项时,显示补充说明字段;
- 条件触发隐藏:例如,用户选择“无过敏史”时,隐藏过敏原详细描述字段。
3. 设置入口
对于以下字段,选中字段后,均在「组件配置 >> 高级配置」处设置「隐藏条件」:
点击隐藏条件之后,打开必填条件设置弹窗;
当满足条件的时候可以将本字段设置为隐藏/显示。
4. 支持字段
支持设置「数据联动」的字段包括:输入框、多行输入框、密码输入框、提及、分段控制器、数字输入框、单选框、多选框、选择器、开关、评分、时间、时间区间、滑块、日期、日期区间、颜色选择器、级联选择器、上传、穿梭框、树形控件、树形选择、省市区选择器、富文本框、唯一值、手写签名、计算公式、子表单选择器、插槽区域、动态区域
5. 应用示例
示例1:
用户注册时,若选择“个人用户”,则隐藏“企业名称”“营业执照号”等字段;若选择“企业用户”,则隐藏“个人身份证号”字段并显示企业相关字段。
示例2:
用户选择“快递配送”时,显示“收货地址”“联系方式”等字段;若选择“门店自提”,则隐藏这些字段并显示“自提门店”选择框。
示例3:
在保险投保表单中,若用户选择“有既往病史”,则显示“病史详情”“治疗情况”等字段;若选择“无”,则隐藏这些字段。