获得是一款优秀的模块化前端框架。利用获得弹出层做编辑页面

先上效果图

基本准备，引入获得的layui.css，layui.js文件

链接rel='样式表href='./././Publics/others/layui/CSS/layui。CSS ' rel='外部无跟随'媒体=' all '脚本src=' http :/././Publics/others/layui/layui。js '/脚本js方法

/** * 页面内弹出编辑窗口//需要引入layui.js layui.css文件* @param {}标题标题不显示为false * @param {}区域大小[' 400像素',' 500像素]或者400像素只设置宽度* @param {}路径弹出页面路径* @param {} sucFunName执行保存操作后再弹出页面中的保存方法名称* @param {}回调执行保存操作之后的其他操作* @返回{ } */函数openDetial(标题、区域、路径、sucFunName、回调){ layer.open({ type: 2，title: title，//不显示标题栏closeBtn: 2，area: area，shade: 0.8，id:(新日期())。valueOf()，//设定一个id，防止重复弹出时间戳1280977330748 btn: ['保存', '取消]，btnAlign: 'r '，moveType: 1，//拖拽模式，0或者1内容：路径，是：函数(index，layero) { var btn=layero.find ' .拉伊-层-BTN ' .查找('。layui-layer-BTN 0’；alert('-')；请尝试{ var _ IFR=BTN[0]。父节点。父节点。getelementsbyclassname(' layui-layer-content ')[0].儿童[0]。内容窗口| | BTN[0]。父节点。父节点。getelementsbyclassname(' layui-layer-content ')[0].儿童[0]。儿童[0]。contentWindowvar函数=新函数(' _ifr '，' return _ IFR ' succfunname ')；');var flg=func(_ IFR)；if(flg==false){ return false；} else { if(CALl！=null)回调();窗户。位置。重载()；} } catch (ex) { }，btn2:函数(index，layero){ } })；}以下是测试页面测试页面中具备保存方法应用保存()

调用如下参数中的应用程序保存和编辑页面的方法名一致

openDetial('列表维护，['600px '，' 550px']，/editor.html '，' ApplicationSave '，function() {alert('执行完了');});有兴趣的小伙伴，可以试试

以上这篇获得弹出层加载做编辑页面的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。