4000-271-266
免费试用

当表单组件值为空时,则隐藏该组件

1. 使用场景

我们在提交数据时,如果某个不是必填的组件的值为空,那么在提交后的数据详情页,就隐藏这个组件

2. 视频展示 

3. 操作步骤

3.1 步骤一:创建表单

创建一个普通表单,添加一个单行文本组件

表单编辑页面

3.2 步骤二:打开 JS 面板,添加代码

JS 面板

该段代码的触发时机在页面加载时(didmount 后面加上)

参考代码(直接复制即可,注意更换唯一标识):

  let Bvalue = this.$('textField_kq2csyl7').getValue()//获取那个组件的值
  if (!this.utils.isSubmissionPage()){//判断是否是提交页
    if (Bvalue==""||Bvalue==null){//判断值是否为空
      this.$('textField_kq2csyl7').setBehavior("HIDDEN")
    }

  }

4. 最终效果

直接提交,不填入任何数据;

最后查看详情页时,组件会被隐藏。


江苏无雀数据科技有限公司 www.wuquedata.com 版权所有
服务热线4000-271-266
ICP备案编号:苏ICP备2022045370号

一对一专业企业顾问

工作时间:9:00-18:00 在线服务

实时解答疑难问题

工作时间:9:00-18:00 在线服务

4000-271-266

工作时间:9:00-18:00 在线服务

售后咨询 电话联系 售前咨询