zoukankan      html  css  js  c++  java
  • layer.open如何关闭自身弹出窗口

    1. 弹出窗口中本身可以添加按钮事件如下:

    layer.open({
     title: '打印'
    ,type: 2
    ,content: [ctx + '/saleOrder/eorderEdit?orderNbr=' + orderNbr, 'yes']
    ,area:['900px', '600px']
            ,btn: ['打印预览', '关闭']
        ,btnAlign:'c'
        ,yes: function(index, layero){
            //这里怎么获取到弹出框到表单内容??
        }
        ,btn2: function(){
            layer.closeAll();
        }
    });

      但是这里在点击打印预览时候,想获取到页面中到form表单中到值比较麻烦。

      所有我就直接在弹出框中定义了button按钮。

      2. 调整后如下,先注释掉父级的按钮:

                 layer.open({
                     title: '打印'
                    ,type: 2
                    ,content: [ctx + '/saleOrder/eorderEdit?orderNbr=' + orderNbr, 'yes']
                    ,area:['900px', '600px']
    //                         ,btn: ['打印预览', '关闭']
    //                     ,btnAlign:'c'
    //                     ,yes: function(index, layero){
    //                         //这里怎么获取到弹出框到表单内容??
    //                     }
    //                     ,btn2: function(){
    //                         layer.closeAll();
    //                     }
                 });

    然后在弹出的框中添加button

            <!-- foot button -->
            <div class="layui-form-item layui-layout-admin">
                    <div class="layui-input-block">
                            <div class="layui-footer" >
                                    <button class="layui-btn" lay-submit="" lay-filter="form-print">打印预览</button>
                                    <button class="layui-btn" onclick="formClose();">关闭</button>
                            </div>
                    </div>
            </div>      

    接下来遇到的一个问题就是,怎么关闭这个弹出框。

    3. 在弹出框中使用onclick事件触发关闭自身的动作。

           //关闭自身 
           window.formClose = function(){
                  var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                  //layer.msg(index);
                  parent.layer.close(index); //再执行关闭   
            }
  • 相关阅读:
    CATransform3D中m34字段的取值含义
    iOS模拟器分辨率的问题(转载)
    优秀iOS学习网站(待更新)
    内联函数的理解
    UIView的setNeedsLayout, layoutIfNeeded 和 layoutSubviews 方法之间的关系解释
    Flume基础学习
    2019年总结
    Linux基础学习
    Mysql中几种sql的常见用法
    各种设计模式的简单介绍
  • 原文地址:https://www.cnblogs.com/30go/p/9781327.html
Copyright © 2011-2022 走看看