手册
1. 表单扩展
1.1 表单设计时如何添加JS校验
1.2 【引入脚本】实现修改人与修改日期在编辑时更新
1.3 【引入脚本】字段值为空时不显示
1.4 表单列表数据导入jar包校验说明
1.5 通过表单js控制子表的显示或隐藏
1.6 主表汇总获取子表的描述信息
1.7 【初始赋值】如何对某个字段赋初始默认值
1.8 数字字段对比不允许大于另一个字段
1.9 【引入脚本】多选框的隐藏显示控制
1.10 PC表单隐藏控件内容
1.11 【引入脚本】通过表单参数判断来实现接口参数回填
1.12 【按钮前置事件】通过按钮事件来校验表单账号是否有邮箱
1.13 【引入脚本】通过调用本地关联查询的接口将第一行数据回填至表单
1.14 【编写公式】日期格式化
1.15 【子表回填】子表对话框数据根据主表选择的内容自动回填
1.16 【引入脚本】js调用接口执行一个脚本,获取数据后反填到表单上或者将结果与表单内容对比,可以做表单校验
1.17 【引入脚本】js将子表末行的数据更新
1.18 【引入脚本】控制子表回填按钮的隐藏
1.19 【引入脚本】通过表单参数判断来实现子表的只读和编辑效果
1.20 【引入脚本】隐藏子表的添加按钮
1.21 【引入脚本】隐藏子表每行复制、删除等按钮
1.22 【关联查询】自定义SQL过滤数据
1.23 【引入脚本】实现流程第二节点回传数据致表单
1.24 【引入脚本】js控制子表中单独一行的某个字段的显示隐藏
1.25 【引入脚本】js请求接口,获取数据后将数据push到子表上
1.26 通过字段控制其他字段的显隐读写
2. 门户扩展
3. 流程定义扩展
3.1 分支网关的变量如何获取子表数据
3.2 通过初始赋值获取多人会签节点的审批人并存储到某一字段
3.3 通过按钮控制工单状态
3.4 流程分支网关处用发起人所属角色判断走向
4. 人员脚本扩展
5. 常用脚本扩展
5.1 流程状态通知方案
5.2 节点按钮前置脚本
5.3 更新字段值
6. 表单列表扩展
6.1 如何格式化内容导出
6.2 如何格式化复选选项
6.3 【JS按钮】表单列表审批人通过js按钮跳转至对应的待办
6.4 【JS按钮】通过JS按钮点击发起流程,并将当前行某字段数据自动推送到发起流程的表单中
6.5 【数据过滤】表单列表中数据根据当前人过滤当前人审批过的数据
6.6 【js扩展】根据日期比较结果控制字段颜色
6.7 【前置js脚本】控制按钮显隐
7. 功能高级说明
7.1 流程按钮_加签/征询/流转
7.2 对话框/关联查询自定义SQL的使用
8. 典型场景应用
8.1 填报汇总功能
8.2 考勤审批管理
8.3 表单校验
8.4 绑定查询关联操作说明
8.5 快速批量添加数据,引入脚本
8.6 通过sql和数据列表的方式快速生成考勤统计报表
8.7 栏目中配置跳转地址

【引入脚本】通过表单参数判断来实现接口参数回填

1511
唐乐
2021-04-27 19:17:50
分享链接

【引入脚本】通过表单参数判断来实现接口参数回填

适用场景:通过指定的参数来回填接口数据内的的指定字段,维护起来更简单;

实现效果:

配置步骤:

第一步:设计表单,详细操作请查看文章【创建表单

第二步:在表单编辑页面点击按钮“引入脚本”,填写以下内容:


注释:

1. /form/customDialog/v1/getListData为接口,此接口为:系统内自定义对话框的接口,通过参数来回填指定的接口数据的到表单内;

2. param :传的参数配置

3. ssdxyh:对话框的别名

4. data.ssdxglcx.xm、data.ssdxglcx.zh : ssdxglcx为业务对象别名,zh、xm 为字段名

5.注意,保存或者发布新表单,更新模板会把图二设置的实时单行id刷掉

let vm = document.getElementsByName("online-form")[0].__vue__;
vm.$watch('data.ssdxglcx.xm', function(newVal, oldVal) { 
   if (newVal != oldVal) {  let account = data.ssdxglcx.zh; 
   //ssdxglcx为业务对象别名,zh、xm 为字段名  
   let param = "{\"pageBean\":{\"page\":1,\"pageSize\":10,\"total\":0},\"querys\":[{\"property\":\"ACCOUNT_\",\"value\":\"" + account + "\",\"group\":\"main\",\"operation\":\"LIKE\",\"relation\":\"AND\"}]}"; 
   //ACCOUNT_ 为配置对话框表的唯一标识,请按需修改;account。
   //ssdxyh对话框的别名   
   let p = JSON.parse(param); 
    _this.$http.post("${form}/form/customDialog/v1/getListData?alias=ssdxyh&mapParam=", p).then(  
      response => { 
         if (response.data.rows[0].mobile_) {  
          $("[id='phone']")[0].children[0].innerText = response.data.rows[0].mobile_; 
          } 
         if (response.data.rows[0].email_) {  
          $("[id='email']")[0].children[0].innerText = response.data.rows[0].email_;  
          }  
        }  
        );  
      }
});    


发表评论
评论通过审核后显示。