1.功能描述
可执行js脚本控件
2.基础配置
使用场景:无需绑定主表的字段,无需配置计算公式,通过js代码实现统计子表的字段总和
实现方案:配置一个实时单行,写入js代码,实时计算子表一个字段的总和
第一步:在表单设计中拖入一个实时单行控件
第二步:在右侧的高级属性中,配置这个实时单行的js代码
第三步:写入统计子表字段的方法
js代码如下:
let vm = document.getElementsByName("online-form")[0].__vue__; vm.$watch('data.bxsqsnfy.sub_clfmx',function(newVal,oldVal){ let count = 0; newVal.map(function(val,key){ if(val!= undefined && val.hj !=""){ count+= parseInt(val.hj); } }) _this.inputValue = count; },{ deep:true});第四步:点击确定,并且点击保存表单
第五步:预览表单,查看效果
3.实时单行/多行的使用方法
第一步:进入表单设计器页面,将实时单行/多行拖拉到对应的栅格布局中;
第二步:点击字段属性中的高级属性;
第三步:点击“生成表单”或“发布新版本”即可保存/发布表单;
js脚本小贴士:
1、若要实时显示表单字段,需要自己写监听代码:
formVm.$watch("data.zzbtest1.zbzd1",function(newV,oldV){ _this.inputValue= "bbbaaa" + newV; return "bbbb" + newV; }); return "aaaa" |
2、显示子表字段数据: if(data.zzbtest1.sub_zbtest2[0]){ return data.zzbtest1.sub_zbtest2[0].zs1; } |
4.注意事项
实时单行/多行控件,不需要绑定属性;