本篇文章主要介绍一下layui父子页面互相传值问题
1、父页面传值给子页面
场景描述：layui 弹出层
相信贴个图片就能一目了然了，就不多哔哔了
解决方案:`

 function openAddPage(_titel, data){var index = layui.layer.open({title : _titel,type : 2,area : ['500px', '400px'],content : "dictionary-add.shtml",success : function(layero, index){var body = layui.layer.getChildFrame('body', index);if(data){body.find(".dicName").val(data.dicName);body.find(".dicId").val(data.dicId);body.find(".dicDicId").val(data.dicDicId);body.find(".name").val(data.name);body.find(".content").val(data.content);body.find(".note").val(data.note);form.render();};/*  setTimeout(function(){layui.layer.tips('点击此处返回文字典列表', '.layui-layer-setwin .layui-layer-close', {tips: 3});},500)*/},end : function(index, layero){ tableIns.reload();}    })//layui.layer.full(index);//改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）//$(window).on("resize",function(){//layui.layer.full(index);//})}

这种方式在layui官网就有。也不多哔哔了

**2、子页面传值给父页面**

场景描述：

大概场景是弹出一个页面，将弹出层的合同编码传递给父页面，继而进行后续操作。
解决方案：

layui将jquery最稳定的版本1.11作为一个内置的DOM模块（唯一的一个第三方模块）。
首先js中声明一下内容

  parent$ = window.parent.layui.jquery,

下边的parent$ 就可以用了

    table.on('toolbar(contractList)', function (obj) {var checkStatus = table.checkStatus(obj.config.id); //获取选中行状态switch (obj.event) {case 'getCheckData': //确认var data = checkStatus.data;  //获取选中行数据parent$("#contractCode").val(data[0].contractcode);parent$("#contractName").val(data[0].contractname);close();break;case 'back': //返回close();break;};});

总结：

本来要哔哔好多东西的，没想到突然就要结束了
不过呢，通过以上内容，更加明白并深入体会到基础（底层）知识的重要性。万事皆是
比如拿很多框架的封装来说，闭眼思考，却是如此

主要了解 window对象的parent属性：返回当前窗口的父窗口

layui 父子页面互相传值 iframe相关推荐

html点击按钮获取列表数据传递到页面,随笔：ajax传递数组，layui父子页面传值，下来菜单赋值，父页面数据获取，表格数据替换为字符串...
一．Ajax向后台传递数组问题:(声明前台我使用的layui框架) 例:我们要多前台一个数据表格进行批量删除操作,我们通过复选框选中数据id,将id存入一个数组中,然后利用ajax传递给后台,完成批量 ...
html简单父子页面,js 的 iframe 父子页面通信的简单方法
1.获取子页面的 window 对象在父页面中,存在如下两个对象 window.frames document.iframeElement.contentWindow 可以获取到子页面 win ...
html5父子页面数据传递,使用iframe标签嵌套页面时如何进行父子页面通讯/传值...
父页面使用iframe标签引入子页面 (使用本地文件) 父页面 function myFunction(e) { console.log("我是父页面的方法") } 引入本地路径的 ...
layui父页面调用子页面的渲染_layui的iframe父子操作方法
iframe父子属性调用一.访问主页面属性 var parentId=parent.$("#id").val();//访问父页面元素值二.访问父页面方法 var parentM ...
上传图片至服务器，写入到数据库Blob字段中，以及从数据库读取Blob信息（iframe父子页面传值）(1)
最近做了个用户维护功能,涉及到照片的操作. 照片是存到数据库oracle中的Blob字段中. 难点有两个: 1,图片的上传:2,Blob字段的读取. 先说图片的上传吧, 我使用common-fileu ...
iframe 父子页面传值 postMessage
使用postMessage给父子页面传值,可以解决跨域问题父传子:iframe.contentWindow.postMessage() 子传父:尽量放在window.onload里面.window. ...
iframe父子页面间通信总结
随着网页结构的复杂化,页面内嵌frame越来越常见,但不管是作为内容页来显示,还是作为组件模块嵌入,都有父子页面间通信的需求可能,因此为了更好的实现需求就必须了解父子页面间的通信. iframe子页面 ...
layui如何获取父节点的父节点_layui框架中layer父子页面交互的方法分析
本文实例讲述了layui框架中layer父子页面交互的方法.分享给大家供大家参考,具体如下: layer是一款近年来备受青睐的web弹层组件,官网地址是:http://layer.layui.com/ ...
Layui父页面和子页面直接互相传值
目录概述后端前端父页面样式父页面代码子页面代码父页面->子页面子页面->父页面可能产生的疑问概述实现效果: ①将父页面的数据表格的指定行数据,传递到子页面. (点击父 ...

layui 父子页面互相传值 iframe

总结：

layui 父子页面互相传值 iframe相关推荐

最新文章

热门文章