跳到主要内容

主表修改子表下拉搜索组件options

此功能属于新功能 [v3.6.4+支持]

使用方法

单表:changeRemoteOptions({ field, dict, label })

主改子(一对多):changeRemoteOptions({ field, dict, label, type, subTableName })

主改子(一对一):changeRemoteOptions({ field, dict, label, type, subTableName })

参数类型必填描述
fieldstring字段
dictstring格式说明: 表名,文本字段,取值字段。例如"sys_user where username like '%a%',email,username"
labelstring字段名
typestring单表:否;一对多、一对一:是一对多:subForm; 一对多:subTable
subTableNamestring单表:否;一对多、一对一:是子表名

单表

示例场景:选择性别不同展示邮箱或者手机号

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的过滤,不会远程搜索请求。