1.说明
表单设计的时候 有时候我们想通过某个 组件来修改另一个组件的 字段,
比如根据某个组件的值变化 来让另一个组件必填或者显示隐藏等等;
2.操作
这里我用子表来举例,首先我们新建一个弹窗类型的子表,子表有4个字段,其中一个为下拉框;
子表里面下拉框 控件的可选值 我是自定义的 a 和 b ;
我们知道下拉框有个值改变事件 v-on:valuechange=””,在HTML页面找到子表中的下拉框控件,并修改成v-on:valuechange=”func_myfun” 其中 ‘func_’ 是固定格式,myfun是我自定义的一个方法
然后我们切换到js脚本页面
acttion:function(row,val,self){}
参数 | 说明 |
---|---|
row | 只有当控件在子表中(是子表的某一列控件)才有 ;值为当前子表某一行的数据 |
val | 当前控件(下拉框)值改变,返回的值 |
self | 当前form的实例 (this) |
具体我们为什么会有三个值我们可以看表单设计器代码中的rxFormSelect.vue组件,触发valuechange的方法;
setSubTableField(self,tableName,fieldName,key,val)
参数 | 说明 |
---|---|
self | 当前form的实例 (this) |
tableName | 子表的字段标识 |
fieldName | 需要修改的控件的字段标识 |
key | 需要修改的控件字段(key); |
val | 控件需要修改的值 |
解读上面js脚本的代码表示:当下拉框的值 选中为 "a"的时候我们修改,字段标识为"ad"的子表 中 字段标识为"qwe"
的组件 的"required"字段的值 为 "true" ,反之 值修改为"false"
3.效果
文档更新时间: 2022-01-24 18:02 作者:zyg