導讀:建站文章建站文章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(); } }); }

關鍵詞標簽: 建站 彈出 傳值