导读:建站文章建站文章layui弹出层传值的实现方式：1、从主窗传值到弹出层；2、从弹出层传值到主窗；3、根据session的互传；4、根据启用父窗的函数获得父窗的值。

layui弹出层传值的实现方式：1、从主窗传值到弹出层；2、从弹出层传值到主窗；3、根据session的互传；4、根据启用父窗的函数获得父窗的值。

主要有两部分

• 从主窗传值到弹出层

• 从弹出层到主窗口

• 根据session的互传

• 根据启用父窗的函数获得父窗的值(反之亦然)

1、从主窗传值到弹出层

首先是jschangefileone函数时，按键绑定事件，按键点击，然后弹出弹出层，输入changefilene.html页面

然后success提前输入changefile的form数据(从主窗口传输到弹出层)

//bootstraptable的修改,点击按钮的时候自动选中该行，因此可以获取到整行的值 function changefileone() { var rowselect = $("#menuTable").bootstrapTable('getSelections'); //取得当前选定的selectItem对象,其中包括整行值 console.log(rowselect); layer.open({ title: "修改文件属性", type: 2, content: "changefile.html", area: ['50%', '70%'], skin: "layui-layer-molv", btn: ['确定', '关闭'], success: function (layero, index) { //成功获得加载changefile.html时，预先加载，将值从父窗口传到 子窗口 //// console.log(obj.data.editAble); let body = layer.getChildFrame('body', index); //console.log(rowselect[0].filename); body.find(".filename").val(rowselect[0].filename); //通过class名进行获取数据 body.find(".filepath").val(rowselect[0].path);//意思是将rowselect[0].path这个值传递到子窗口的class="filepath"这个的文本框中，（预先加载） //body.find(".menuid").val(rowselect[0].previousid); layui.form.render(); }, yes: function (index, layero) { //按了弹出层的确定按钮时，这是将在父窗口中获取子窗口form标签里的所有值，并根据name名和值形成键值对json对象 //console.log(layero); ////layer.alert('来到这里了'+index); let body = layer.getChildFrame("body", index); let data = {}; body.find("#changefileform").serializeArray().forEach(function (item) { //获取弹出层写下的数据，input，下拉框啊，之类的表单元素（即changefileform下的所有数据） data[item.name] = item.value; //根据表单元素的name属性来获取数据 }); data["fi建设网站leid"] = rowselect[0].fileid; //if (data["previousid"] == "" || data["previousid"] == null) // data["previousid"] = rowselect[0].previousid; console.log(data); $.post('/api/dofile', data, function (result) { if (result == "success") { layer.alert("修改文件属性成功"); } setTimeout(function () { layer.close(index); parent.location.reload(); }, 600); }); layer.close(index); resetSearch(); } }); }

关键词标签: 建站 弹出 传值