最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

layer子层给父层页面元素赋值实例讲解

来源:懂视网 责编:小OO 时间:2020-11-27 20:04:02
文档

layer子层给父层页面元素赋值实例讲解

父层。jsp中。//页面上添加一个隐藏的输入框待用于被子层设置value,从而将子层的数据传递到此页面。<;input type=";hidden";id=";getValue";name=";getValue";value=";";/>;。js代码。//设置function,当执行时,弹出子窗口并传递当前窗口名称。
推荐度:
导读父层。jsp中。//页面上添加一个隐藏的输入框待用于被子层设置value,从而将子层的数据传递到此页面。<;input type=";hidden";id=";getValue";name=";getValue";value=";";/>;。js代码。//设置function,当执行时,弹出子窗口并传递当前窗口名称。

本文主要为大家带来一篇layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。

父层:

jsp中:

//页面上添加一个隐藏的输入框待用于被子层设置value,从而将子层的数据传递到此页面

<input type="hidden" id="getValue" name="getValue" value="" />

js代码:

//设置function,当执行时,弹出子窗口并传递当前窗口名称

//弹出子窗口(选择商家)
 function choseMerchant() {

 //获取当前窗口名称
 var parentName= window.name;

 /*(由于用的ssm框架)URL对应的是controller方法,并向其传递当前窗口名称,打开的窗口显示页面即 
 为经过controller方法后返回的页面*/
 var url = root + "/adPosition/choseMerchant?parentName="+ parentName;

 laySum = parent.layer.open({
 //设置打开的子窗口效果
 type : 2,
 title : "选择商家",
 shadeClose : true,
 shade : 0.5,
 shift : 0,
 area : [ '40%', '863px' ],
 content : url,
 success: function(layero, index){ 
 }
 });
 }

子层:

jsp中:

//页面添加的隐藏输入框,存储的值是经过controller方法后返回的父窗口名称,用于区分,将id设置为mainIframeName

<input type="hidden" id="mainIframeName" name="mainIframeName" value="${parentName}">

js代码:

//设置function,当执行时,传值并关闭当前窗口

function setvalue() {

 //得到“mainIframeName”输入框中存储的值
 var mainIframeName = $("#mainIframeName").val();

 //判断是否为空或者是未定义
 if (mainIframeName != "" && mainIframeName != "undefined") 
 {
 //此处的ifrc和winc的意义可自行查阅
 var ifrc = window.parent.frames[mainIframeName];
 var winc = ifrc.window || ifrc.contentWindow;
 try {
 //设置父窗口隐藏输入框的值为hello world
 winc.document.getElementById("getValue").value = "hello world!";
 } catch (ex) {
 winc.location.reload();
 }
 }
 //关闭当前窗口
 var index = parent.layer.getFrameIndex(window.name);
 parent.layer.close(index);
 }

总结:此方法用于子层直接给父层元素赋值,从而达到传值的效果,关键点在于需要将父层窗口名称传递到子层中。

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

layer子层给父层页面元素赋值实例讲解

父层。jsp中。//页面上添加一个隐藏的输入框待用于被子层设置value,从而将子层的数据传递到此页面。<;input type=";hidden";id=";getValue";name=";getValue";value=";";/>;。js代码。//设置function,当执行时,弹出子窗口并传递当前窗口名称。
推荐度:
标签: 实例 layer 赋值
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top