layer父页获取弹出层输入框里面的值方法


Posted in Javascript onSeptember 02, 2019

主要是因为修改功能,原来页面填写数据如图

layer父页获取弹出层输入框里面的值方法

改为

layer父页获取弹出层输入框里面的值方法

其中点击填写明细弹出框

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父页获取弹出层输入框里面的值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript实现Sleep函数的代码
Mar 04 Javascript
扩展javascript的Date方法实现代码(prototype)
Nov 20 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
Aug 12 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
Jun 24 Javascript
Jquery中find与each方法用法实例
Feb 04 Javascript
BootStrap中Datetimepicker和uploadify插件应用实例小结
May 26 Javascript
微信小程序 获取微信OpenId详解及实例代码
Oct 31 Javascript
javascript实现二叉树遍历的代码
Jun 08 Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
Dec 19 Javascript
vue2.0实现音乐/视频播放进度条组件
Jun 06 Javascript
微信小程序收货地址API兼容低版本解决方法
May 18 Javascript
如何在vue项目中嵌入jsp页面的方法(2种)
Feb 06 Javascript
详解element-ui表格中勾选checkbox,高亮当前行
Sep 02 #Javascript
详解基于Vue的支持数据双向绑定的select组件
Sep 02 #Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
Sep 02 #Javascript
Vue内部渲染视图的方法
Sep 02 #Javascript
一步一步实现Vue的响应式(对象观测)
Sep 02 #Javascript
Layui多选只有最后一个值的解决方法
Sep 02 #Javascript
解决layui checkbox 提交多个值的问题
Sep 02 #Javascript
You might like
PHP图片处理类 phpThumb参数用法介绍
2012/03/11 PHP
spl_autoload_register与autoload的区别详解
2013/06/03 PHP
php截取字符串函数分享
2015/02/02 PHP
php 时间time与日期date之间的使用详解及区别
2016/11/07 PHP
php实现产品加入购物车功能(1)
2020/07/23 PHP
Laravel中任务调度console使用方法小结
2017/05/07 PHP
PHP cURL获取微信公众号access_token的实例
2018/04/28 PHP
用js实现上传图片前的预览(TX的面试题)
2007/08/14 Javascript
JavaScript:Div层拖动效果实例代码
2013/08/06 Javascript
php+js实现倒计时功能
2014/06/02 Javascript
Javascript编程之继承实例汇总
2015/11/28 Javascript
jQuery+Ajax实现限制查询间隔的方法
2016/06/07 Javascript
js 获取范围内的随机数实例代码
2016/08/02 Javascript
微信小程序 教程之模块化
2016/10/17 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
2018/04/23 Javascript
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
2018/08/24 Javascript
JS实现4位随机验证码
2020/10/19 Javascript
TypeScript魔法堂之枚举的超实用手册
2020/10/29 Javascript
[03:52]DOTA2英雄基础教程 酒仙
2013/12/23 DOTA
Python 匹配任意字符(包括换行符)的正则表达式写法
2009/10/29 Python
Python打包文件夹的方法小结(zip,tar,tar.gz等)
2016/09/18 Python
深入理解Python中的super()方法
2017/11/20 Python
Python+matplotlib实现填充螺旋实例
2018/01/15 Python
pyshp创建shp点文件的方法
2018/12/31 Python
Pycharm+Scrapy安装并且初始化项目的方法
2019/01/15 Python
Levi’s美国官网:美国著名的牛仔裤品牌
2016/08/19 全球购物
Foot Locker澳洲官网:美国运动服和鞋类零售商
2019/10/11 全球购物
物理教育专业毕业生推荐信
2013/11/03 职场文书
班长岗位职责
2013/11/10 职场文书
公司年会晚宴演讲稿
2014/01/06 职场文书
淘宝活动策划方案
2014/02/06 职场文书
法人委托书
2014/07/31 职场文书
最美家庭活动方案
2014/08/31 职场文书
校运动会广播稿(100篇)
2014/09/12 职场文书
教师工作自我鉴定范文
2014/09/14 职场文书
幼儿园园长安全责任书
2015/05/08 职场文书