jquery弹出层开源框架layer
高度自适应参考:layer.open如何让高度自适应?
高度自适应修改layer.js代码如下:
r.iframeAuto = function(e) { if (e) { var t = r.getChildFrame("html", e).outerHeight(), n = i("#" + l[0] + e), a = n.find(l[1]).outerHeight() || 0, o = n.find("." + l[6]).outerHeight() || 0; var bodyHH =document.documentElement.clientHeight;////////////////////这里是增加的 n.css({ height : t + a + o, top: (bodyHH-(t + a + o))*0.5////////////////////这里是增加的 }), n.find("iframe").css({ height : t, top: (bodyHH - (t + a + o)) * 0.5////////////////////这里是增加的 }) }
layer.open代码
function edit_layer(flag, selectRow) { layer.open({ type : 2, title : '用户信息', maxmin : true, shadeClose : true, //点击遮罩关闭层 content : 'sysRightUser/userEdit', //area : [ '520px', '420px' ], area : '520px', success : function(layero, index) {//开启成功之后执行 var body = layer.getChildFrame('body', index); var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法: if (flag == "new") { } else if (flag == "edit") { } iframeWin.initSelect2(); layer.iframeAuto(index);//高度自适应 }, end : function() {//回调方法 var handle_status = $("#handle_status").val(); if (handle_status == 'refresh') { refresh(); } } }); }
layer.msg方法
layer.msg('请确认选择一条数据!', { icon : 7, //图标 time : 1000 //停留时间 });
layer.confirm方法
layer.confirm('请确认是否进行删除操作?', { icon : 3, title : '提示' }, function(index) { //...// refresh(); layer.close(index); });
parent.layer.msg方法
parent.layer.msg(result.message, { icon : 1, time : 1000 });
iframe关闭方法
function iFrameClose() { parent.$("#handle_status").val('refresh');//向父窗体传值 parent.layer.close(index); //再执行关闭 }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 《HelloGitHub》第 106 期
· 数据库服务器 SQL Server 版本升级公告
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)