Layui中layer.open的常用参数
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 | layer.open({ // 基本层类型:0(信息框,默认)1(页面层)2(iframe层,也就是解析content)3(加载层)4(tips层) type: 1, title: "标题" , // 当type: 2时就是url content: "内容/url" , // 宽高:如果是100%就是满屏 area: [ '733px' , '450px' ], // 坐标:auto(默认坐标,即垂直水平居中),具体当文档:https://www.layui.com/doc/modules/layer.html#offset offset: 'auto' , // 按钮:按钮1的回调是yes(也可以是btn1),而从按钮2开始,则回调为btn2: function(){},以此类推 btn: [ '按钮1' , '按钮2' ], // 关闭按钮:layer提供了两种风格的关闭按钮,可通过配置1和2来展示,如果不显示,则0 closeBtn: 1, // 遮罩:默认:0.3透明度的黑色背景('#000') shade: 0.3, // 是否点击遮罩关闭:默认:false shadeClose: false , // 自动关闭所需毫秒:默认:0不会自动关闭 time: 0, // 最大最小化:默认:false maxmin: false , // 固定:默认:true fixed: true , // 是否允许拉伸:默认:true resize: true , // 层叠顺序:默认:19891014,一般用于解决和其它组件的层叠冲突 zIndex: 19891014, // 层弹出后的成功回调方法:layero前层DOM,index当前层索引 success: function (layero, index){ }, // 第一个按钮事件,也可以叫btn1 yes: function (index, layero) { }, btn2: function (index, layero) { layer.close(index); }, // 右上角关闭按钮触发的回调:默认会自动触发关闭。如果不想关闭,return false即可 cancel: function (index, layero){ if (layer.confirm( '确定要关闭么' )){ //只有当点击confirm框的确定时,该层才会关闭 layer.close(index); } return false ; }, // 层销毁后触发的回调:无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数。 end: function (){ }, // 最大化后触发的回调:携带一个参数,即当前层DOM full: function (layero){ }, // 最小化后触发的回调:携带一个参数,即当前层DOM min: function (layero){ }, // 还原后触发的回调:携带一个参数,即当前层DOM restore: function (layero){ }, }); |
最大化弹出页面:
1 2 3 4 5 6 7 8 9 | var index = layer.open({ type: 2, Boolean: true , title: '编辑' , maxmin: true , area: [ '80%' , '80%' ], content: '{:url(' add ')}?id=' +data.id, }); layer.full(index); |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)
2016-12-09 .NET缓存框架CacheManager---1、CacheManager的介绍
2014-12-09 关于JavaScript中计算精度丢失的问题