[TOC] ## 概述 通過列表的編輯按鈕，打開文件需要用到 layui.open ### 方式一：iframe table ``` layer.open({ type: 2, // 加載網頁 maxmin:true, shade: 0.1, offset:"auto", content:editUrl, area:["500px","500px"], yes: function(index, layero){ //do something layer.close(index); //如果設定了yes回調，需進行手工關閉 }, resizing: function(layero){ // 自動縮放 console.log(layero); $(layero).find("iframe").css("height",(parseInt(layero.css("height"))-51)+"px") } }) ``` form ``` // html // 完整的html 格式 并添加 form 內容 // js 在提交完成后添加 form.on('submit(save)', function(data) { $.ajax({ url: editurl, data: $('form').serializeArray(), type: 'post', success: function(result) { result=JSON.parse(result); console.log(result); if (result.code===0) { layer.msg(result.msg, { icon: 1, time: 1000 }, function() { console.log(window.name); parent.layer.close(parent.layer.getFrameIndex(window .name)); //關閉當前頁 parent.layui.table.reload("list"); }); } else { layer.msg(result.msg, { icon: 2, time: 1000 }); } } }) return false; }); // 取消按鈕 $("#cancel").on("click",function (){ parent.layer.close(parent.layer.getFrameIndex(window .name)); //關閉當前頁 }) ``` ### onepage table ``` var index = layer.load(2) $.get(editUrl ,function (res) { layer.close(index) layer.open({ type: 1, maxmin:true, shade: 0.1, offset:"auto", content:res, area:["500px","500px"], yes: function(index, layero){ //do something layer.close(index); //如果設定了yes回調，需進行手工關閉 }, success:function () { form.render() // 需要重新加載表單 }, resizing: function(layero){ console.log(layero); $(layero).find(".layui-layer-content").css("height",(parseInt(layero.css("height"))-51)+"px") } }) }) ``` form ``` layui.use(['form', 'jquery'], function() { let form = layui.form; let $ = layui.jquery; var editurl="{:url('edit_post')}" form.on('submit(save)', function(data) { $.ajax({ url: editurl, data: $('form').serializeArray(), type: 'post', success: function(result) { result=JSON.parse(result); console.log(result); if (result.code===0) { layer.msg(result.msg, { icon: 1, time: 1000 }, function() { layer.close(layer.index); //關閉當前頁 layui.table.reload("list"); }); } else { layer.msg(result.msg, { icon: 2, time: 1000 }); } } }) return false; }); $("#cancel").on("click",function (){ layer.close(layer.index); //關閉當前頁 }) }) ```