主表修改子表下拉搜索组件options
此功能属于新功能 [v3.6.4+支持]
使用方法
单表:changeRemoteOptions({ field, dict, label })
主改子(一对多):changeRemoteOptions({ field, dict, label, type, subTableName })
主改子(一对一):changeRemoteOptions({ field, dict, label, type, subTableName })
参数 | 类型 | 必填 | 描述 |
---|---|---|---|
field | string | 是 | 字段 |
dict | string | 是 | 格式说明: 表名,文本字段,取值字段。例如"sys_user where username like '%a%',email,username" |
label | string | 否 | 字段名 |
type | string | 单表:否;一对多、一对一:是 | 一对多:subForm; 一对多:subTable |
subTableName | string | 单表:否;一对多、一对一:是 | 子表名 |
单表
示例场景:选择性别不同展示邮箱或者手机号
onlChange(){
return {
sex(){
if(event.value == '0'){
this.sh.age_disabled = true
this.changeRemoteOptions({field:"xialasosuo",dict:"sys_user where username like '%a%',email,email",'label':'邮箱'})
}else{
this.sh.age_disabled = false;
this.changeRemoteOptions({field:"xialasosuo",dict:"sys_user where username like '%a%',phone,phone",'label':'手机号'})
}
}
}
}
效果:
提示:建表时,如图信息还是得填写。
主表
字段 | 描述 |
---|---|
supplier | 供应商 |
子表(一对一,表名:warehouse_detail
)
字段 | 描述 |
---|---|
name | 名字 |
warehouse | 仓库地址 |
contact | 联系方式 |
子表(一对多,表名:goods_detail
)
字段 | 描述 |
---|---|
num | 数量 |
goods | 商品 |
contact | 联系方式 |
主改子(一对一)
onlChange(){
return {
supplier(){
let value = event.value;
if(value==1){
this.changeRemoteOptions({field:"contact",dict:"sys_user where username like '%a%',email,email",label:'联系方式',type:'subForm',subTableName:"warehouse_detail"})
}else{
this.changeRemoteOptions({field:"contact",dict:"sys_user where username like '%a%',phone,phone",label:'联系方式',type:'subForm',subTableName:"warehouse_detail"})
}
}
}
}
效果:
主改子(一对多)
onlChange(){
return {
supplier(){
let value = event.value;
if(value==1){
this.changeRemoteOptions({field:"contact",dict:"sys_user',phone,phone",label:'联系方式','type':'subTable',subTableName:"goods_detail"})
}else{
this.changeRemoteOptions({field:"contact",dict:"sys_user',email,email",label:'联系方式','type':'subTable',subTableName:"goods_detail"})
}
}
}
}
效果:
提示:一对多下拉搜索只是对options的过滤,不会远程搜索请求。