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

本文介绍了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 table 组件的使用之初始化加载数据、数据刷新表格、传参数