将父页面表单填写的参数提交到子页面中,再由子页面传递给后台
父页面为groupFeeEdit.jsp
子页面为schemeFrame.jsp
业务为:父页面需要保存一个方案,弹出子页面来填写方案的名称,
然后将父页面填写的表单以及子页面填写的方案名称一并提交到后台处理,并存入数据库
父页面的点击后弹窗的JS代码
//选择方案
function chooseScheme(){
//弹出层
layer.open({
type: 2,//2是弹出iframe
title: false,
area: ['500px', '200px'],
shade : 0.5,
content: '<%=basePath%>/dorm/groupFee/chooseScheme.jsp',
cancel: function(index, layero){ //右上角关闭按钮触发的回调 该回调携带两个参数,分别为:当前层索引参数(index)、当前层的DOM对象(layero),默认会自动触发关闭。如果不想关闭,return false即可
layer.close(index);
return false;
},
success: function(layero, index){// 层弹出后的成功回调方法 当你需要在层创建完毕时即执行一些语句,可以通过该回调。success会携带两个参数,分别是当前层DOM当前层索引
},
end: function(){//层销毁后触发的回调 无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数。
close();
}
});
}
子页面中用于接受父页面的参数,并且将数据传递到后台
比较重要的是获取父页面表单的多选框的信息,需要单独做处理
function saveScheme(){
//获取父页面表单提交中的参数
var billType = parent.$("#billType").val();
var itemName = parent.$("#itemName").val();
var moneyType = parent.$("#moneyType").val();
var remark = parent.$("#remark").val();
var makeBillCompNameStr = parent.$("#makeBillCompNameStr").val();
var makeBillCompNoStr = parent.$("#makeBillCompNoStr").val();
var receiveCompName = parent.$("#receiveCompName").val();
var receiveCompNo = parent.$("#receiveCompNo").val();
var payCompNameStr = parent.$("#payCompNameStr").val();
var payCompNoStr = parent.$("#payCompNoStr").val();
var borrowCompNameStr = parent.$("#borrowCompNameStr").val();
var borrowCompNoStr = parent.$("#borrowCompNoStr").val();
var areaIdStr = parent.$("#areaIdStr").val();
var schemeName = $("#schemeName").val();
//获取父页面中input标签中,name=areaSelect的值
parent.$("input[name=areaSelect]").each(function() {
if($(this).attr("checked")){//获取到已选中的值
areaIdStr+=$(this).val();
}
});
var loadIndex = dormLoading();
$.ajax({
url : '<%=basePath%>/dorm/groupFee/saveScheme.spring',
type: 'post',
data : {
"billType":billType,
"itemName":itemName,
"moneyType":moneyType,
"remark":remark,
"makeBillCompNameStr":makeBillCompNameStr,
"makeBillCompNoStr":makeBillCompNoStr,
"receiveCompName":receiveCompName,
"receiveCompNo":receiveCompNo,
"payCompNameStr":payCompNameStr,
"payCompNoStr":payCompNoStr,
"borrowCompNameStr":borrowCompNameStr,
"borrowCompNoStr":borrowCompNoStr,
"areaIdStr":areaIdStr,
"schemeName":schemeName
},
dataType : 'json',
success : function(data){
//关闭加载层
dormLoadingClose(loadIndex);
if(data.rtn == 'ok'){
dormSuccessMsg('操作成功!',back);
}
if(data.rtn == 'checkNull'){
dormAlert('方案名称不能为空!');
}
if(data.rtn == 'checkRepeat'){
dormAlert('该方案名称已经存在!');
}
},error : function(){
dormLoadingClose(loadIndex);
dormAlert("网络繁忙,请稍后继续...!");
$("#btnSave").attr("disabled",false);
$("#btnBack").attr("disabled",false);
return false;
}
});
}
博客介绍了将父页面(groupFeeEdit.jsp)表单参数提交到子页面(schemeFrame.jsp),再由子页面传递给后台的业务。父页面保存方案时弹出子页面填名称,二者信息一并提交后台存入数据库。还提及父页面点击弹窗的JS代码及子页面接收参数传后台,强调获取父页面多选框信息需单独处理。
8151

被折叠的 条评论
为什么被折叠?



