• layer的日常使用参数


    <script type="text/javascript">
        let layer = layui.layer;
        layer.open({
            id:'dds', //一般用于页面层和iframe层模式
            title: '很多时候,我们想最大化看,比如像这个页面。',
            type: 1,
            content: $('#table'),//content: '传入任意的文本或html' | content: $('#id')| type:2 content: 'http://sentsin.com' |
            area: ['893px', '600px'],
            shadeClose: true,
            shade: false,
            time: 5000, //即代表5秒后自动关闭,注意单位是毫秒(1秒=1000毫秒)
            maxmin: true, //开启最大化最小化按钮
            btn: ['按钮一', '按钮二'],
            min: function(layero, index) { //点击最小化后的回调函数
                alert('点击最小化时触发回调函数');
            }
            , full: function(layero, index) { //点击最大化后的回调函数
                let iframeWin = window[layero.find('iframe')[0]['name']];//得到iframe页的窗口对象,执行iframe页的方法:
                let companyId = iframeWin.document.getElementById("layerBody");
                $(companyId).css('height','auto').css('max-height', '');
            }
            ,restore: function(layero, index) { //点击还原后的回调函数
                let iframeWin = window[layero.find('iframe')[0]['name']];//得到iframe页的窗口对象,执行iframe页的方法:
                let companyId = iframeWin.document.getElementById("layerBody");
                $(companyId).css('height','').css('max-height', '600px');
            }
            ,yes: function(index, layero){
                //按钮【按钮一】的回调
            }
            ,btn2: function(index, layero){
                //按钮【按钮二】的回调
                //return false 开启该代码可禁止点击该按钮关闭
            }
            ,cancel: function(index, layero){//当前层索引参数(index)、当前层的DOM对象(layero)
                //右上角关闭回调
                //return false 开启该代码可禁止点击该按钮关闭
            }
        })
        // layer.open({
        //     type: 4,
        //     content: ['内000000000000000000000000容', '.layui-tab'] //数组第二项即吸附元素选择器或者DOM
        // })
    
    </script>

    汇总一下;方便自己一会使用

  • 相关阅读:
    VR虚拟现实眼镜那些事
    C#使用MysqlBackup.Net 备份MySQL数据库
    AgileConfig服务端搭建
    IE浏览器,各版本的请求头信息
    搜索算法
    一个完整的信号采集系统项目开发流程
    Linux内核模块简介
    搭建wordpress开发环境
    AbstractRoutingDataSource+AOP+JNDI实现spring动态数据源
    Linux 挂载磁盘记录
  • 原文地址:https://www.cnblogs.com/moppet/p/14420700.html
Copyright © 2020-2023  润新知