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>

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

posted @ 2021-02-20 14:21  moppet蔡蔡  阅读(349)  评论(0编辑  收藏  举报