最近，图层已经在项目中使用。layer的弹性层组件可以说是非常好用，layer依旧是layui的代表作。在项目中，需要点击表格，然后弹出图层图层，将父表的行值传递到子页面。子页面得到值后，会进行业务处理，实现父子页面的真正交互。

事实上，官方文件非常明确。

拉威官方文件：http://layer.layui.com/

使用版本：2.3.0

但是，我们需要耐心地阅读文档，然后根据自己的业务情况达到预期的效果。

首先，子页面获取父页面数据

子页面，要获取父页面的内容，需要使用layui的一个关键字：parent。使用parent，子页面可以获取父页面上的数据。

示例：在父页面的表格中，点击该行的操作按钮，弹出图层图层，将该行的数据传输到图层。

表id='role_tb '类=' layui-table ' lay-data=' { Width : 1007，height:365，URL : ' http://localhost 33608080/role list '，page:false，Id : ' Id test ' } ' lay-filter=' demo ' the d tr th lay-data=' { field : ' Id '，width: 100 工具栏： ' # bardemo ' } ' Operation/th/tr/the ad/table这个表是由layui根据后台界面动态呈现的，那么如何获取按钮被点击的那一行的数据呢？

以下方法完美解决了这个问题！

//这里设置一个空的json字符串，用来接受var json，表的行信息；layui.use('table '，function(){ var table=layui . table；//监视器工具栏table.on ('tool (demo)'，function(obj){ vardata=obj . data；If(obj.event==='find'){ //这一行是被监控的表行数据信息，复制到json全局变量。json=JSON.stringify(数据)；Layui.use ('layer '，function(){ layer . open({ title : ' view permission '，maxmin3360 true，type : 2，content : '。/privileges-manage.html '，区域： ['800px '，' 5360。});} });});-这是子层代码：

$(function () {//从父层获取值，json是父层的全局js变量。Eval是将字符串json字符串更改为标准json字符串varparent _ JSON=eval ('('parent。JSON ')')；console . log(parent _ JSON)；});看看父层和子层的效果。

这样，子页面从父页面获取数据。然后根据自己的事业来处理数据。

因此，子页面可以通过parent关键字调用父页面的变量和方法。您也可以刷新父页面。

parent . location . reload()；//刷新父页面2。从父页面获取子页面数据

进入图层的官方文档，仔细阅读，操作如下代码，视觉效果更好。http://layer.layui.com/

//注意：parent是JS带来的全局对象，可以用来操作父页面var index=parent . layer . getframeindex(window . name)；//获取窗口索引//使图层自适应iframe $ ('# add ')。on ('click '，function () {$ ('body ')。追加('插入大量酱油。加很多酱油。加很多酱油。加很多酱油。加很多酱油。加很多酱油。'放入大量酱油');parent.layer.iframeAuto(索引)；});//一个layer $ ('# new ')。在父图层上弹出on ('click '，function(){ parent . layer . msg(' hi，man '，{ shade : 0.3 })}；//传递值$ ('# transmit ')。on ('click '，function () {parent。$ ('# parentiframe ')。文本(“我已被更改”)到父页面；parent.layer.tips('看这里'，' #parentIframe '，{ time : 5000 })；parent.layer.close(索引)；});//关闭iframe $ ('# closeiframe ')。单击(function () {var val=$ ('# name '))。val()；If(val===''){ parent.layer.msg('请填写标记')；返回；} parent.layer.msg('您成功地将标记['val']传输到了父窗口')；parent.layer.close(索引)；});在上面的Layui表格模板中，实现图层的父页面和子页面交互的方法都是边肖共享的内容。希望能给大家一个参考，多支持我们。