首页 > 其他分享 >Layui中layer.open的常用参数

Layui中layer.open的常用参数

时间:2022-12-09 16:37:08浏览次数:26  
标签:function index layer Layui 默认 layero 按钮 open

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){
    },
});

 最大化弹出页面:

				var index = layer.open({
					type: 2,
					Boolean:true,
					title: '编辑',
					maxmin: true,
					area: ['80%', '80%'],
					content: '{:url('add')}?id='+data.id,
				  });
				layer.full(index);

  

 

标签:function,index,layer,Layui,默认,layero,按钮,open
From: https://www.cnblogs.com/itjeff/p/16969276.html

相关文章

  • opensips管理界面opensips-cp搭建
    安装apacheyuminstallhttpd下载opensips-cp源码包https://codeload.github.com/OpenSIPS/opensips-cp/zip/refs/heads/8.2.4将opensips-cp源码包进行解压,放在/var/www/htm......
  • window.open
    window.open('https://design.stage.ikongjian.com/bim/toUpdateChange?changeNo=BG20221209393309&boss=true&changeType=null&changerType=1&openType=2','_blank',......
  • ceph openstack 集成
    前言为什么要集成ceph???ceph官网:https://docs.ceph.com/en/latest/关于ceph:https://blog.csdn.net/mingongge/article/details/100788388参考连接:https://blog.csdn.net/jmil......
  • 快速注册OpenAi账号教程来啦,注册ChatGPT,最近超火的Ai人工智能
    快速注册ChatGPT方法-最近爆火的AI,你体验到了吗大家好,我是小简,最近爆火的ChatGPT也就是OpenAi哪个机器人,不知道你们体验了没有,很多朋友说不能注册,这次我带来的注册教程哦!......
  • 跟我学Python图像处理丨带你入门OpenGL
    摘要:介绍Python和OpenGL的入门知识,包括安装、语法、基本图形绘制等。本文分享自华为云社区《[Python图像处理]二十七.OpenGL入门及绘制基本图形(一)》,作者:eastmount。一.O......
  • C# OpenProtocol 开放以太网协议 读写数据 订阅数据
    主要使用的软件是HslCommunication关于这个软件的本身,详细可以参考下面的地址:github地址:https://github.com/dathlin/HslCommunication官网:http://www.hslcommunicatio......
  • openstack ceph
    OpenStack集成ceph详细过程可以查看ceph官方文档:cephdocumentOpenStackQueens版本,1台控制节点controller,1台计算节点compute;1.创建存储池Glance:Glance可以把镜像存......
  • OpenAi ChatGPT注册教程
    前置条件代理需要代理,且代理节点不能选择香港,可以选择新加坡、美国等节点接码平台,注册使用接码平台,接收验证码,因为注册OpenAi需要验证手机号验证吗,所以需要去接码平台......
  • layer.confirm实用
    layer.confirm实用​​实现效果​​​​页面js代码​​​​后台代码​​实现效果其中【确认】【拒绝】对应不同的提交方法页面js代码functioncheck(hitOrderId){......
  • layui 上传图片文件到钉钉服务器
    layui上传​​layui版本​​​​项目引入​​​​页面引入​​​​java后台接收​​​​参考文献​​layui版本首先先下载layui-2.5.6.zip包,解压后选择自己用到的文件放入项......