Layui 상위-하위 창에서 매개변수를 전달하는 방법에 대한 자세한 설명

이 글에서는 ayui에서 부모와 자식 팝업 창 사이에 매개 변수를 전달하는 방법을 주로 소개하고 참고용으로 제공합니다.

이 글에서는 레이유 팝업창의 부모창과 자식창 사이에 매개변수를 전달하는 방법을 소개하고, 자세한 내용을 공유합니다.

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 (&#39;&#39; != ids[i]) {  
            var option = $("<option>").val(ids[i]).text(names[i]);  
            body.find(&#39;select&#39;).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);  
  }

위 내용은 나중에 모두에게 도움이 되기를 바랍니다.

관련 기사:

AngularJS에서 사진을 업로드하기 위한 지침을 만드는 방법(자세한 튜토리얼)

javaScript에서 Li 요소의 인스턴스를 동적으로 추가하는 방법

스타일이 포함된 HTML을 동적으로 추가하는 방법 jquery Label 요소

jQuery에서 동적으로 li 태그를 추가하고 속성을 추가하며 이벤트 메서드를 바인딩하는 방법

elementUI를 사용하여 Vue에서 사용자 정의 테마 메서드를 구현하는 방법

위 내용은 Layui 상위-하위 창에서 매개변수를 전달하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!