作者:黄倩婧 历史版本:1 最后编辑:黄倩婧 更新时间:2025-08-14 15:48
适用版本:v3.6.0+;
业务场景描述:
1、有2个表:产品信息、产品销售情况登记;
2、产品销售情况登记页面操作逻辑:
2.1、产品名称可以选择产品信息里面的产品;
2.2、当产品不存在时,可以点新增产品信息,保存后把新增的产品回填到产品名称。
表单管理配置步骤:
1、选择【表单管理】-【表单管理】,创建2个表单,一个是产品信息,一个是产品销售情况登记
2、选择【表单管理】-【数据模板管理】,把产品信息表创建为值来源
产品销售情况登记表单配置
1、进入表单设计页面,产品id字段,可以存选择的产品id,设置为隐藏
2、产品名称字段,设置关联数据控件,设置默认值为联动数据,设置关联配置,设置联动数据
3、添加链接控件,设置级联配置,绑定在线表单
产品信息表单配置
1、设计字段控件,添加操作按钮
2、设置表单脚本
完整脚本如下:
Object.assign(JForm,{
//加载事件
onLoad:function(form){
},
//表单按钮后置事件
afterSubmit:function(form,action,postValue,callback){
if(action==='save'){
console.log(form.formParams)
const chanp_id = form.formParams.variables.id
//把保存后返回的产品id赋值给chanp_id
form.$parent.$parent.$parent.$parent.$parent.dynamicForm.setFieldData('chanPinId',chanp_id)
//把chanp_id赋值给父级表单的字段。注意:chanPinId为父级表单的字段编码,在业务对象管理编辑页面可以看到。
callback(true)
}
else{
callback(true)
}
}
});
查看配置效果
1、进入产品销售情况登记表单设计页面,点击【预览】,查看产品名称数据
2、点击“添加产品”链接,填写数据,点击【保存】