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