layer父页获取弹出层输入框里面的值方法
主要是因为修改功能,原来页面填写数据如图
改为
其中点击填写明细弹出框
填写完毕后点击确认返回,同事这里因为她是存的多表,所以点击确认就直接保存数据了,改的这个功能原本保存是整体保存,我就不想改原来的逻辑,只想把填写的值带回去用隐藏控件存一下,到时候按照原来的逻辑整体存,所以没办法参考她的,最后搜索很多,解决了问题,具体代码如下:
父页面:
<div class="row"> <div class="col-md-6"> <div class="form-group PadTB10"> <label class="LabelW150"> 经费来源总计(元)</label> <input type="text" readonly="readonly" class="form-control" id="AmountSum" name="AmountSum" onkeyup="value=value.replace(/[^\d.]/g,'')" placeholder="填写来源明细" value="@pro.AmountSum"/> <input type="button" value="填写来源明细" onclick="ShowAmountDetail()" /> <input type="hidden" name="CenterAmount" id="CenterAmount" value="@pro.CenterAmount" /> <input type="hidden" name="CityAmount" id="CityAmount" value="@pro.CityAmount" /> <input type="hidden" name="DisAmount" id="DisAmount" value="@pro.DisAmount" /> <input type="hidden" name="StreetAmount" id="StreetAmount" value="@pro.StreetAmount" /> <input type="hidden" name="OtherAmount" id="OtherAmount" value="@pro.OtherAmount" /> </div> </div> </div>
js:
//弹出经费来源明细 function ShowAmountDetail() { var index = layer.open({ type: 2, title: '填写经费明细', shadeClose: false, skin: 'layui-layer-rim', area: ['50%', '50%'], maxmin: true, content: '/Project/AmountDetail?ProjectCode=' + "@ProjectCode", btn: ['确定', '关闭'], yes: function (index, layero) { debugger; var body = layer.getChildFrame('body', index); //得到iframe页的body内容 var CenterAmount = body.find("#CenterAmount").val(); var CityAmount = body.find("#CityAmount").val(); var DisAmount = body.find("#DisAmount").val(); var StreetAmount = body.find("#StreetAmount").val(); var OtherAmount = body.find("#OtherAmount").val(); if (CenterAmount == null || CenterAmount == "") CenterAmount = 0; if (CityAmount == null || CityAmount == "") CityAmount = 0; if (DisAmount == null || DisAmount == "") DisAmount = 0; if (StreetAmount == null || StreetAmount == "") StreetAmount = 0; if (OtherAmount == null || OtherAmount == "") OtherAmount = 0; sum = Number(CenterAmount) + Number(CityAmount) + Number(DisAmount) + Number(StreetAmount) + Number(OtherAmount); document.getElementById("CenterAmount").value = CenterAmount; document.getElementById("CityAmount").value = CityAmount; document.getElementById("DisAmount").value = DisAmount; document.getElementById("StreetAmount").value = StreetAmount; document.getElementById("OtherAmount").value = OtherAmount; document.getElementById("AmountSum").value = sum; //最后关闭弹出层 layer.close(index); }, cancel: function () { //右上角关闭回调 } }); // layer.full(index); }
子页面:
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>AmountDetail</title> </head> <body> <div> <table class="table table-bordered "> <tr><td rowspan="5" style="text-align: center; vertical-align: middle;">经济来源明细</td><td>中央拨款(元)</td> <td> <input id="CenterAmount" class="form-control" onkeyup="value=value.replace(/[^\d.]/g,'')" name="CenterAmount" type="text" /> </td></tr> <tr><td>市级专款(元)</td> <td> <input id="CityAmount" class="form-control" onkeyup="value=value.replace(/[^\d.]/g,'')" name="CityAmount" type="text" /> </td></tr> <tr><td>区级资金(元)</td> <td> <input id="DisAmount" class="form-control" onkeyup="value=value.replace(/[^\d.]/g,'')" name="DisAmount" type="text" /> </td></tr> <tr><td>街镇配套(元)</td> <td> <input id="StreetAmount" class="form-control" onkeyup="value=value.replace(/[^\d.]/g,'')" name="StreetAmount" type="text" "/> </td></tr> <tr><td>其他(元)</td> <td> <input id="OtherAmount" class="form-control" onkeyup="value=value.replace(/[^\d.]/g,'')" name="OtherAmount" type="text" /> </td></tr> </table> </div> </body> </html>
以上这篇layer父页获取弹出层输入框里面的值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
使用weixin-java-tools完成微信授权登录、微信支付的示例
这篇文章主要介绍了使用weixin-java-tools完成微信授权登录、微信支付的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2018-09-09JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法示例
这篇文章主要介绍了JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法,涉及javascript二叉树定义、赋值、遍历、查找等相关操作技巧,需要的朋友可以参考下2019-03-03定时器(setTimeout/setInterval)调用带参函数失效解决方法
setInterval()方法可按照指定的周期(以毫秒计)来调用函数或计算表达式,setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式,详细使用方法可以参考下本文2013-03-03原生JS利用transform实现banner的无限滚动示例代码
这篇文章主要介绍了原生JS利用transform实现banner的无限滚动示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-06-06
最新评论