Maison >interface Web >js tutoriel >Un exemple d'attribution de valeurs​​des sous-couches de couche aux éléments de page de couche parent

Un exemple d'attribution de valeurs​​des sous-couches de couche aux éléments de page de couche parent

小云云
小云云original
2018-02-03 13:05:593023parcourir

Cet article vous apporte principalement un exemple d'attribution de valeurs​​aux éléments de page de couche parent à partir des sous-couches de couche pour obtenir l'effet de transfert de valeurs​​aux pages de couche parent. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un œil. J'espère que cela pourra aider tout le monde.

Couche parent :

jsp :

//Ajouter une zone de saisie masquée sur la page à utiliser pour définir la valeur du calque enfant, modifiant ainsi la valeur de la couche enfant Les données sont transmises à cette page

<input type="hidden" id="getValue" name="getValue" value="" />

code js :

//Définir la fonction, une fois exécutée, faire apparaître la fenêtre enfant et transmettre le nom de la fenêtre actuelle

//弹出子窗口(选择商家)
 function choseMerchant() {

  //获取当前窗口名称
  var parentName= window.name;

  /*(由于用的ssm框架)URL对应的是controller方法,并向其传递当前窗口名称,打开的窗口显示页面即    
  为经过controller方法后返回的页面*/
  var url = root + "/adPosition/choseMerchant?parentName="+ parentName;

  laySum = parent.layer.open({
   //设置打开的子窗口效果
   type : 2,
   title : "选择商家",
   shadeClose : true,
   shade : 0.5,
   shift : 0,
   area : [ '40%', '863px' ],
   content : url,
   success: function(layero, index){ 
   }
  });
 }

calque enfant :

jsp :

//La zone de saisie cachée ajoutée à la page La valeur stockée est le nom de la fenêtre parent renvoyé après le contrôleur. Méthode. Il est utilisé pour la différenciation. Définissez l'identifiant sur mainIframeName

<input type="hidden" id="mainIframeName" name="mainIframeName" value="${parentName}">

code js :

//Définissez la fonction, une fois exécutée, transmettez la valeur et fermez la fenêtre actuelle

.
function setvalue() {

  //得到“mainIframeName”输入框中存储的值
  var mainIframeName = $("#mainIframeName").val();

  //判断是否为空或者是未定义
  if (mainIframeName != "" && mainIframeName != "undefined") 
  {
  //此处的ifrc和winc的意义可自行查阅
  var ifrc = window.parent.frames[mainIframeName];
  var winc = ifrc.window || ifrc.contentWindow;
  try {
   //设置父窗口隐藏输入框的值为hello world
   winc.document.getElementById("getValue").value = "hello world!";
   } catch (ex) {
    winc.location.reload();
   }
  }
   //关闭当前窗口
   var index = parent.layer.getFrameIndex(window.name);
   parent.layer.close(index);
 }

Résumé : Cette méthode est utilisée directement dans les sous-couches. Attribuez une valeur à l'élément de couche parent pour obtenir l'effet de transfert de valeur. Le point clé est que le nom de la fenêtre du calque parent doit être transmis à l'enfant. couche.

Ce qui précède est l'intégralité du contenu de l'exemple apporté par l'éditeur d'attribution de valeurs​​aux éléments de page du calque parent par sous-couches de calque pour obtenir l'effet de transfert de valeurs​​au parent page de calque. J'espère que vous l'aimerez ~

Recommandations associées :

jQuery attribue automatiquement des valeurs aux éléments de formulaire en fonction des objets json

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn