Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erklärung, wie Laui-Parent-Child-Fenster Parameter übergeben

Ausführliche Erklärung, wie Laui-Parent-Child-Fenster Parameter übergeben

亚连
亚连Original
2018-06-11 16:46:109046Durchsuche

In diesem Artikel wird hauptsächlich die Methode zum Übergeben von Parametern zwischen Ayui-Popup-Fenstern und Eltern-Kind-Fenstern vorgestellt. Jetzt teile ich sie mit Ihnen und gebe sie als Referenz.

In diesem Artikel wird die Methode zum Übergeben von Parametern zwischen dem übergeordneten und untergeordneten Fenster des Laui-Popup-Fensters vorgestellt und mit allen geteilt. Die Details lauten wie folgt:

1 Seite öffnet die untergeordnete Seite und übergibt Parameter an die untergeordnete Seite

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. Die untergeordnete Seite übergibt Parameter an die übergeordnete Seite und schließt das Popup-Fenster

function newBuildReturnValue(selectName){ 
  var ret = new Array();  
 
     $("#"+selectName+" option").each(function(){ 
 
     //遍历所有option   
       var value = $(this).val();  //获取option值    
       var text = $(this).text();  
       if(text!=&#39;&#39;){    
         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);  
  }

Das Obige ist, was ich zusammengestellt habe für alle. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

So erstellen Sie eine Anleitung zum Hochladen von Fotos in AngularJS (ausführliches Tutorial)

So fügen Sie Li dynamisch hinzu JavaScript-Beispiele für Elemente

So fügen Sie dynamisch HTML-Tag-Elemente mit Stilen in jquery hinzu

So fügen Sie dynamisch li-Tags in jQuery hinzu und fügen Attribute hinzu und Ereignismethoden binden

Verwenden Sie elementUI in Vue, um benutzerdefinierte Designmethoden zu implementieren

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung, wie Laui-Parent-Child-Fenster Parameter übergeben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn