• jquery弹出层开源框架layer


    高度自适应参考:layer.open如何让高度自适应?

    高度自适应修改layer.js代码如下:

     r.iframeAuto = function(e) {
            if (e) {
                var t = r.getChildFrame("html", e).outerHeight(),
                    n = i("#" + l[0] + e),
                    a = n.find(l[1]).outerHeight() || 0,
                    o = n.find("." + l[6]).outerHeight() || 0;
                var bodyHH =document.documentElement.clientHeight;////////////////////这里是增加的
                n.css({
                    height : t + a + o,
                    top: (bodyHH-(t + a + o))*0.5////////////////////这里是增加的
                }), n.find("iframe").css({
                    height : t,
                    top: (bodyHH - (t + a + o)) * 0.5////////////////////这里是增加的
                })
            }

    layer.open代码

        function edit_layer(flag, selectRow) {
            layer.open({
                type : 2,
                title : '用户信息',
                maxmin : true,
                shadeClose : true, //点击遮罩关闭层
                content : 'sysRightUser/userEdit',
                //area : [ '520px', '420px' ],
           area : '520px',
                success : function(layero, index) {//开启成功之后执行
                    var body = layer.getChildFrame('body', index);
                    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法:
                    if (flag == "new") {
    
                    } else if (flag == "edit") {
          
                    }
                    iframeWin.initSelect2();
              layer.iframeAuto(index);//高度自适应
                },
                end : function() {//回调方法
                    var handle_status = $("#handle_status").val();
                    if (handle_status == 'refresh') {
                        refresh();
                    }
                }
            });
        }

    layer.msg方法

                layer.msg('请确认选择一条数据!', {
                    icon : 7,    //图标
                    time : 1000 //停留时间
                });

    layer.confirm方法

    layer.confirm('请确认是否进行删除操作?', {
                    icon : 3,
                    title : '提示'
                }, function(index) {
                    //...//
                    refresh();
                    layer.close(index);
                });

    parent.layer.msg方法

    parent.layer.msg(result.message, {
                            icon : 1,
                            time : 1000
                        });

    iframe关闭方法

        function iFrameClose() {
            parent.$("#handle_status").val('refresh');//向父窗体传值
            parent.layer.close(index); //再执行关闭  
        }
  • 相关阅读:
    [转].net mvc + vuejs 的项目结构
    Outlook IMAP 修改PST文件存储路径
    VS2017 性能优化方法
    查询存储过程所需参数
    如何保障微服务架构下的数据一致性
    sqlserver批量给用户配置存储过程权限
    vue中刷新当前页面或重新加载的两种方法
    vue history模式下的微信支付,及微信支付授权目录的填写,处理URL未注册
    Vue 四行代码实现无感知上拉加载更多
    2019年前端必用正则(js)
  • 原文地址:https://www.cnblogs.com/bmbh/p/7018955.html
Copyright © 2020-2023  润新知