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

小云云
Libérer: 2018-02-03 13:05:59
original
3008 Les gens l'ont consulté

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="" />
Copier après la connexion

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){ 
   }
  });
 }
Copier après la connexion

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}">
Copier après la connexion

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);
 }
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal