zoukankan      html  css  js  c++  java
  • 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); //再执行关闭  
        }
  • 相关阅读:
    从实验室走向世界:HSP90抑制剂,一种新的癌症药物
    RabbitMQ整合Spring Booot【消费者应答模式】
    RabbitMQ整合Spring Booot【点对点模式】
    Mac删除自带的abc输入法
    Docker搭建Kafka
    IK分词器
    Docker搭建ES集群
    Logstash配置同步mysql到es配置
    ELK分布式日志收集搭建和使用
    Docker安装ES和Kibana
  • 原文地址:https://www.cnblogs.com/bmbh/p/7018955.html
Copyright © 2011-2022 走看看