如何将弹出层的数据通过JS传回父页面

最新推荐文章于 2021-12-23 16:11:40 发布

原创最新推荐文章于 2021-12-23 16:11:40 发布 · 1.8k 阅读

CC 4.0 BY-SA版权

本文介绍了一个使用JavaScript实现的子窗口如何将数据传递给父窗口，并更新父窗口中ViewModel数据的方法。通过获取子窗口中的表单值并将其赋给父窗口中的相应变量，实现了跨窗口的数据同步。此外，还演示了如何调用父窗口的方法来触发数据检索等进一步的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在弹出层中

var fcTendername =$("#fcTendername").val();
var fcTendersn =$("#fcTendersn").val();
var fcBuildCorp =$("#fcBuildCorp").val();
var fcTenderType =$("#fcTenderType").val();
var fdTradestartdate =$("#fdTradestartdate").val();
var fdTradeenddate =$("#fdTradeenddate").val();

var parentWin=window.opener;
if(parentWin==null||parentWin==undefined){
parentWin=window.parent;
}

//viewModel.data.xx可以不用在父页面提前设置
parentWin.viewModel.data.fcTendername =fcTendername;
parentWin.viewModel.data.fcTendersn =fcTendersn;
parentWin.viewModel.data.fcBuildCorp =fcBuildCorp;
parentWin.viewModel.data.fcTenderType =fcTenderType;
parentWin.viewModel.data.fdTradestartdate =fdTradestartdate;
parentWin.viewModel.data.fdTradeenddate =fdTradeenddate;

//执行父页面方法
parentWin.viewModel.fun.search();

父页面

param:{

layerIndex:-1
},

layer.close(viewModel.param.layerIndex);//关闭父页面
viewModel.data.searchParam.name = viewModel.data.fcTendername;
viewModel.data.searchParam.code = viewModel.data.fcTendersn;
viewModel.data.searchParam.extVal = viewModel.data.fcBuildCorp;
viewModel.data.searchParam.extVal2 = viewModel.data.fcTenderType;
viewModel.data.searchParam.startDate = viewModel.data.fdTradestartdate;
viewModel.data.searchParam.endDate = viewModel.data.fdTradeenddate;

接收数据可以在进行下一步ajax请求之类的操作