zoukankan      html  css  js  c++  java
  • 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>

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

  • 相关阅读:
    GridView编辑删除取消完整代码
    添加删除组件里没有IIS
    关于网站开发中存在的问题
    网络公司网站源码介绍Version1.0
    IIS 状态代码
    收藏常用的快捷方式
    连接池已经满的解决方案
    Do you choose a experienced employee with highsalary or a inexperienced employee with lowsalary?
    Registered Permanent residence/attitude for sports
    数据缓存依赖
  • 原文地址:https://www.cnblogs.com/moppet/p/14420700.html
Copyright © 2011-2022 走看看