layui弹出层怎么传值

这篇文章给大家分享的是有关layui弹出层怎么传值的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

layui弹出层传值的实现方法:1,从主窗口传值到弹出层;2,从弹出层传值到主窗口;3,通过会话互传;4,通过调用父窗口的函数从而获取到父窗口的值。

<强>主要有两部分

<李>

从主窗口传值到弹出层

<李>

从弹出层传值到主窗口

<李>

通过会话互传

<李>

通过调用父窗口的函数从而获取到父窗口的值(相反也是可以的)

<强> 1,从主窗口传值到弹出层

首先是js

changefileone函数时按钮绑定事件,按钮点击后调用这个函数然后弹出弹出层,加载changefile。html界面

然后成功提前加载changefile的形式数据(从主窗口传值到弹出层)

//bootstraptable的修改,点击按钮的时候自动选中该行,因此可以获取到整行的值 　　function  changefileone (), { 　　,,,var  rowselect =, (“# menuTable")美元.bootstrapTable (& # 39; getSelections& # 39;);,,,//取得当前选定的selectItem对象,其中包括整行值 　　,,,console.log (rowselect); 　　,,,layer.open ({ 　　,,,,,,,标题:,“修改文件属性“, 　　,,,,,,,类型:,2, 　　,,,,,,,内容:,“changefile.html", 　　,,,,,,,面积:,(& # 39;50% & # 39;,& # 39;& # 39;70%), 　　,,,,,,,皮肤:,“layui-layer-molv", 　　,,,,,,,btn:,(& # 39;确定& # 39;,,& # 39;关闭& # 39;], 　　,,,,,,,成功:,function  (layero,指数),{,,,//成功获得加载changefile.html时,预先加载,将值从父窗口传到,子窗口 　　,,,,,,,,,,,////,console.log (obj.data.editAble); 　　,,,,,,,,,,,let  body =, layer.getChildFrame(& # 39;身体# 39;,,指数); 　　,,,,,,,,,,,//console.log (rowselect [0] .filename); 　　,,,,,,,,,,,body.find (“.filename") .val (rowselect [0] .filename);,,,//通过类名进行获取数据 　　,,,,,,,,,,,body.find (“.filepath") .val (rowselect [0] .path);//意思是将rowselect [0] .path这个值传递到子窗口的类=癴ilepath"这个的文本框中,(预先加载) 　　,,,,,,,,,,,//body.find (“.menuid") .val (rowselect [0] .previousid); 　　,,,,,,,,,,,layui.form.render (); 　　,,,,,,,}, 　　,,,,,,,是的,,function (指数,layero),{,,,,,,,,//按了弹出层的确定按钮时,这是将在父窗口中获取子窗口形式标签里的所有值,并根据名名和值形成键值对json对象 　　,,,,,,,,,,,//console.log (layero); 　　,,,,,,,,,,,////layer.alert(& # 39;来到这里了& # 39;+指数); 　　,,,,,,,,,,,let  body =, layer.getChildFrame (“body",,指数); 　　,,,,,,,,,,,let  data =, {}; 　　,,,,,,,,,,,body.find (“# changefileform") .serializeArray () .forEach (function (项),{,,,//获取弹出层写下的数据,输入下拉框啊,之类的表单元素(即changefileform下的所有数据) 　　,,,,,,,,,,,,,,,数据[item.name],=, item.value;,,,//根据表单元素的名称属性来获取数据 　　,,,,,,,,,,,}); 　　,,,,,,,,,,,数据(“fileid"),=, rowselect [0] .fileid; 　　,,,,,,,,,,,//if (数据(“previousid"),==,““, | |,数据(“previousid"),==, null) 　　,,,,,,,,,,,//,,,,数据(“previousid"),=, rowselect [0] .previousid; 　　,,,,,,,,,,,console.log(数据); 　　,,,,,,,,,,,$ . post (& # 39;/api/dofile& # 39;,,数据,function (结果),{ 　　,,,,,,,,,,,,,,,if  (==result “success"), { 　　,,,,,,,,,,,,,,,,,,,layer.alert(“修改文件属性成功“); 　　,,,,,,,,,,,,,,,} 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null

layui弹出层怎么传值