Skip to content

禁用条件

禁用条件是一种动态表单交互机制,其核心功能是根据特定条件动态控制字段的可编辑状态(禁用/可编辑)。当用户操作或数据状态满足预设条件时,系统自动将字段设为禁用(不可编辑)或可编辑,从而限制用户输入、避免数据冲突或确保数据一致性。

2. 应用场景

  1. 条件触发禁用:例如,用户选择“已支付”状态时,禁用“支付金额”字段的修改;
  2. 条件触发启用:例如,用户选择“自定义金额”选项时,启用“其他金额”输入框。

3. 设置入口

禁用条件.gif

对于以下字段,选中字段后,均在「组件配置 >> 高级配置」处设置「禁用条件」:

禁用条件.png

点击禁用条件之后,打开必填条件设置弹窗;

禁用条件设置1.png

禁用条件设置2.png

当满足条件的时候可以将本字段设置为禁用/可编辑。

4. 支持字段

支持设置「数据联动」的字段包括:输入框、多行输入框、密码输入框、提及、分段控制器、数字输入框、单选框、多选框、选择器、开关、评分、时间、时间区间、滑块、日期、日期区间、颜色选择器、级联选择器、上传、穿梭框、树形控件、树形选择、省市区选择器、富文本框、唯一值、手写签名、计算公式、子表单选择器、插槽区域、动态区域

5. 应用示例

示例1:

在订单详情页中,若订单状态为“已支付”或“已发货”,则禁用“修改收货地址”“取消订单”等字段或按钮;若状态为“待支付”,则允许用户编辑。

示例2:

在商品库存管理表单中,若商品状态为“已下架”,则禁用“库存数量”字段;若状态为“在售”,则允许编辑。

示例3:

在活动报名表单中,若用户选择“使用优惠券”,则启用“优惠券码”输入框;若未选择,则禁用该字段。