最新文章专题视频专题问答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
当前位置: 首页 - 科技 - 知识百科 - 正文

详解layui弹窗父子窗口之间传参数的方法

来源:懂视网 责编:小采 时间:2020-11-27 22:21:38
文档

详解layui弹窗父子窗口之间传参数的方法

详解layui弹窗父子窗口之间传参数的方法:本文介绍了layui弹窗父子窗口之间传参数的方法,分享给大家,具体如下: 1、父页面打开子页面并向子页面传参数 function setChooseValues(ret){ var oView = document.getElementById(userName); var oValue = docum
推荐度:
导读详解layui弹窗父子窗口之间传参数的方法:本文介绍了layui弹窗父子窗口之间传参数的方法,分享给大家,具体如下: 1、父页面打开子页面并向子页面传参数 function setChooseValues(ret){ var oView = document.getElementById(userName); var oValue = docum

本文介绍了layui弹窗父子窗口之间传参数的方法,分享给大家,具体如下:

1、父页面打开子页面并向子页面传参数

function setChooseValues(ret){ 
 var oView = document.getElementById("userName"); 
 var oValue = document.getElementById("userIds"); 
 var i = 0; 
 if( ret != null){ 
 oValue.value=""; 
 oView.value=""; 
 oView.title=""; 
 for( x in ret){ 
 i++; 
 oView.title=oView.title + ret[x].name+","; 
 oValue.value=oValue.value+ret[x].id+","; 
 oView.value = oView.value+ret[x].name+"\n"; 
 } 
 if(i==0){ 
 oView.value=""; 
 } 
 } 
 } 
 function OpenFrame( oValue, oView) { 
 var dialogArgumentsA = new Array(oValue.value , spitToString(oView)); 
 var url = "${rootPath}/page/system/roleallot/role_allot.jsp"; 
 layer.open({ 
 type: 2, 
 skin: 'layui-layer-lan', 
 title: '选择人员', 
 fix: false, 
 shadeClose: false, 
 maxmin: true, 
 id:'selectUser', 
 move: false, 
 closeBtn:2, 
 //以下代码为打开窗口添加按钮 
 /* btn: ['确定', '取消'], 
 btnAlign: 'c', 
 yes: function(index, layero){ 
 /* //layer.closeAll();//关闭所有弹出层 
 //var parentWin = layero.find('iframe')[0]; 
 var parentWin = layer.getChildFrame('body', index); 
 alert(parentWin); 
 parentWin.contentWindow.doOk(); 
 //layer.close(index);//这块是点击确定关闭这个弹出层 
 }, */ 
 area: ['750px', '450px'], 
 content: url, 
 success: function(layero, index){ 
 var body = layer.getChildFrame('body', index); 
 var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method(); 
 var ids = dialogArgumentsA[0].split(","); 
 var names = dialogArgumentsA[1].split(","); 
 for (var i = 0; i < ids.length; i++ ) { 
 if ('' != ids[i]) { 
 var option = $("<option>").val(ids[i]).text(names[i]); 
 body.find('select').append(option); 
 } 
 } 
 } 
 }); 
 } 

2、子页面向父页面传参数并关闭弹窗

function newBuildReturnValue(selectName){ 
 var ret = new Array(); 
 
 $("#"+selectName+" option").each(function(){ 
 
 //遍历所有option 
 var value = $(this).val(); //获取option值 
 var text = $(this).text(); 
 if(text!=''){ 
 var o = new Element(value, text, 0); 
 ret.push(o); 
 } 
 }); 
 return ret; 
 } 
 //点击确定向子页面传参并关闭窗口 
 function doOk(){ 
 var ret = newBuildReturnValue("select"); 
 parent.setChooseValues(ret); 
 var index = parent.layer.getFrameIndex(window.name); 
 parent.layer.close(index); 
 } 
 
 //点击取消关闭窗口 
 
 function doCancel(){ 
 var index = parent.layer.getFrameIndex(window.name); 
 parent.layer.close(index); 
 } 

文档

详解layui弹窗父子窗口之间传参数的方法

详解layui弹窗父子窗口之间传参数的方法:本文介绍了layui弹窗父子窗口之间传参数的方法,分享给大家,具体如下: 1、父页面打开子页面并向子页面传参数 function setChooseValues(ret){ var oView = document.getElementById(userName); var oValue = docum
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top