zoukankan      html  css  js  c++  java
  • Layui关闭弹出层并刷新父页面,父页面向子页面传值

    先确保已经引入layui和jquery

    再确保初始化layer弹出层

    1 <script>
    2     layui.use(['form', 'layer'], function() {
    3         var form = layui.form;
    4         var layer = layui.layer; 
    5     });
    6 </script>

    第1种方式:

    1 $(function() {
    2    //关闭弹窗
    3    $(document).on('click', '#closeBtn',
    4       function() {
    5        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
    6        parent.location.reload();//刷新父页面,注意一定要在关闭当前iframe层之前执行刷新
    7        parent.layer.close(index); //再执行关闭
    8      });
    9 });

    第2种方式:

     1 $('#pass').click(function(){
     2    var quantity = $('#upd_chengyijin').val();
     3    if(!quantity){
     4        layer.msg('请填写数据', {icon: 2,time: 500}, function(){ });
     5            return false;
     6        }
     7        $.ajax({
     8          url:'updSincerity_money',
     9          type:'GET',
    10          data:"money="+quantity,
    11          success:function(data){
    12             var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
    13             parent.location.reload();//刷新父页面,注意一定要在关闭当前iframe层之前执行刷新
    14             parent.layer.close(index); //再执行关闭
    15          }
    16        });
    17  });

    父页面:

     1 function f(id) {
     2       layer.open({
     3             title:"练习1",
     4             type: 1,
     5             skin: 'layui-layer-rim', //加上边框
     6             area: ['400px', '150px'], //宽高
     7          content:['url','no'],//不需要滚动条
     8             success: function(layero, index) {
     9                 var body = layer.getChildFrame('body', index);//建立父子联系
    10                 //var iframeWin = window[layero.find('iframe')[0]['name']];
    11                 var inputList = body.find('input');
    12                 $(inputList).val(id);
    13             }
    14         });
    15 }

     子页面:

     1 <input type="text" id="id"style="display:none" > 

  • 相关阅读:
    define的用法
    MySQL索引使用方法和性能优化
    自己写的一个Js小插件
    .net处理JSON简明教程
    史上最全的ASP.NET MVC路由配置,以后RouteConfig再弄不懂神仙都难救你啦~
    Python面向对象之-反射
    Python内置函数之classmetho staticmethod
    Python内置函数之-property
    python面向对象三大特性-多态
    python面向对象三大特性之封装
  • 原文地址:https://www.cnblogs.com/lgx5/p/14715424.html
Copyright © 2011-2022 走看看