Explication détaillée de la façon dont les fenêtres parent-enfant layui transmettent les paramètres-js tutoriel-php.cn

Explication détaillée de la façon dont les fenêtres parent-enfant layui transmettent les paramètres

亚连

Libérer： 2018-06-11 16:46:10

original

9076 Les gens l'ont consulté

Cet article présente principalement la méthode de transmission des paramètres entre les fenêtres contextuelles ayui et les fenêtres parent-enfant. Maintenant, je le partage avec vous et le donne comme référence.

Cet article présente la méthode de transmission des paramètres entre les fenêtres parent et enfant de la fenêtre contextuelle layui et la partage avec tout le monde. Les détails sont les suivants :

1. ouvre la page enfant et transmet les paramètres à la page enfant

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: &#39;layui-layer-lan&#39;,  
      title: &#39;选择人员&#39;,  
      fix: false,  
      shadeClose: false,  
      maxmin: true,  
      id:&#39;selectUser&#39;,  
      move: false,  
      closeBtn:2,  
      //以下代码为打开窗口添加按钮  
      /* btn: [&#39;确定&#39;, &#39;取消&#39;], 
      btnAlign: &#39;c&#39;, 
      yes: function(index, layero){ 
        /* //layer.closeAll();//关闭所有弹出层 
        //var parentWin = layero.find(&#39;iframe&#39;)[0]; 
        var parentWin = layer.getChildFrame(&#39;body&#39;, index); 
        alert(parentWin); 
        parentWin.contentWindow.doOk(); 
        //layer.close(index);//这块是点击确定关闭这个弹出层 
      }, */  
      area: [&#39;750px&#39;, &#39;450px&#39;],  
      content: url,  
      success: function(layero, index){  
        var body = layer.getChildFrame(&#39;body&#39;, index);  
        var iframeWin = window[layero.find(&#39;iframe&#39;)[0][&#39;name&#39;]]; //得到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);  
          }  
        }  
      }  
    });  
  }

Copier après la connexion

2. La page enfant transmet les paramètres à la page parent et ferme la fenêtre contextuelle

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);  
  }

Copier après la connexion

Ce qui précède est ce que j'ai compilé pour tout le monde, j'espère que cela sera utile à tout le monde à l'avenir.

Articles associés :

Comment créer une instruction pour télécharger des photos dans AngularJS (tutoriel détaillé)

Comment ajouter dynamiquement Li dans javaScript Exemples d'éléments

Comment ajouter dynamiquement des éléments de balise HTML avec des styles dans jquery

Comment ajouter dynamiquement des balises li dans jQuery et ajouter des attributs et lier les méthodes d'événement

Utilisez elementUI dans Vue pour implémenter des méthodes de thème personnalisées

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!