精华内容
下载资源
问答
  • //如果有值就调用openLayer()方法,展示当前弹出层 var openLayer = function ( t ) { var noticeId = dataList [ x ] . noticeId ; var noticeName = dataList [ x ] . noticeName var ...
    js中:
     $.ajax({
       url : ctx + 'url?t=' + Math.random(),  //url查询未阅读的公告
       success : function(result) {
        var noticeId;
        if (0 == result.code) {
         dataList = result.data; //查询出来数据
         var x = 0;
         if (dataList.length > 0) {//如果有值就调用openLayer()方法,展示当前弹出层
          var openLayer = function(t) {
           var noticeId = dataList[x].noticeId;
           var noticeName = dataList[x].noticeName
           var layerIndex = layer.open({
            type : 1,
            title : [ noticeName, 'background:#393D49;color: #fff;border:none;height:70px;line-height:70px;font-size: 24px;text-align: center;' ],
            shadeClose : false,
            closeBtn : 1,
            area : [ '700px;', '500px' ],
            shade : 0.8,
            btn : [ '已阅读' ], //
            id : 'LAY_layuipro', // 设定一个id,防止重复弹出
            btnAlign : 'c',
            offset : 'auto',
            moveType : 1,// 拖拽模式,0或者1
            content : $('#noticeBox'),
            success : function(layero) {
             $('#noticeBox').text(dataList[x].noticeContent)
            },
            yes : function(index, layero) {//以上查询成功点击已阅读,根据url2实现业务逻辑
             $.ajax({
              url : ctx + 'url2',
              type : 'POST',
              data : 'noticeId=' + noticeId,
              success : function(result) {
               if (0 == result.code) {
                layer.close(layerIndex)
               }
              }
             });
            },
            end : function() {//销毁后回调
             if (x != dataList.length - 1) {//下个弹框判断
              x++;
              openLayer();
             }
            }
           });
          }
          openLayer()
         }
        }
       }
      });
     
     html页面
    
     <div id="noticeBox" style="line-height: 22px; background-color: #fff; color: #333; font-weight: 300; display: none;"></div>
    

    以上是实现多个弹出层,根据公告数据点击“已阅读”或者“x”实现下个弹框的展示

    展开全文
  • layui 关闭当前弹出窗口

    万次阅读 2018-10-12 17:10:57
    var index=parent.layer.getFrameIndex(window.name); //获取当前窗口的name parent.layer.close(index); //关闭窗口 (仅做笔记)
    var index=parent.layer.getFrameIndex(window.name); //获取当前窗口的name
                   parent.layer.close(index);		//关闭窗口
    
    展开全文
  • 本文为大家分享了layui关闭当前弹出框的两种情况及方法,希望能够帮助到大家。layer.close(index) - 关闭特定层//当你想关闭当前页的某个层时var index = layer.open();var index = layer.alert();var index = layer...

    7e6e39f4fe6e04bbbddb344dc1ef6cd5.png

    本文为大家分享了layui关闭当前弹出框的两种情况及方法,希望能够帮助到大家。

    layer.close(index) - 关闭特定层//当你想关闭当前页的某个层时

    var index = layer.open();

    var index = layer.alert();

    var index = layer.load();

    var index = layer.tips();

    //正如你看到的,每一种弹层调用方式,都会返回一个index

    layer.close(index); //此时你只需要把获得的index,轻轻地赋予layer.close即可

    //如果你想关闭最新弹出的层,直接获取layer.index即可

    layer.close(layer.index); //它获取的始终是最新弹出的某个层,值是由layer内部动态递增计算的

    //当你在iframe页面关闭自身时

    var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引

    parent.layer.close(index); //再执行关闭

    layer.closeAll(type) - 关闭所有层

    方法closeAll()会销毁掉当前页所有的layer层,或者closeAll(type)只关闭某个类型的层layer.closeAll();   //关闭所有层

    layer.closeAll('dialog');   //关闭信息框

    layer.closeAll('page');   //关闭所有页面层

    layer.closeAll('iframe');   //关闭所有的iframe层

    layer.closeAll('loading');   //关闭加载层

    layer.closeAll('tips');   //关闭所有的tips层

    展开全文
  • 今天小编就为大家分享一篇layui 关闭open弹出框 刷新table表格页面的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui 中关于弹出关闭和刷新问题本篇文章来看一下 layui 框架中关于弹出关闭和刷新的问题. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.描述:主页面, 弹出第一个弹框, 第一个弹框中在弹出...

    layui 中关于弹出层关闭和刷新问题

    本篇文章来看一下 layui 框架中关于弹出层关闭和刷新的问题. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.

    描述:

    主页面, 弹出第一个弹框, 第一个弹框中在弹出第二个弹框, 如图:

    1 是主页面, 2 是子弹窗, 3 是孙弹窗

    功能一: 好了, 第一个我要实现的功能是点击弹窗 3 的确定之后关闭弹窗 3

    上 JS 代码, 先贴出如何在主页面 1 中弹出弹窗 2 的代码:// 弹窗 2(代码写在主页面 1)

    functionedit(){

    varindex=layer.open({// 占坑!!!

    type:2,

    title:"预算目标编辑",

    content:"/xx/xx/xx/edit?year="+year

    +"&departmentCode="+departmentCode,

    area:["90%","90%"],

    });

    }

    接着贴出如何在弹窗 2 中弹出弹窗 3 的:// 弹窗 3(JS 代码写在弹窗 2 中)

    functionconfiguration(){

    parent.layer.open({// 占坑!

    type:2,

    title:"配置项目",

    content:"/xx/xx/xx/xx?budgetMainCode="+budgetMainCode,

    area:["80%","80%"],

    // 点睛之笔, 此端代码便是精髓之处, layui 监听到弹窗 3 的销毁之后回调了一个 end 函数,

    // 通过这个 end 函数我们就能刷新弹窗 2 的数据

    end:function(){

    refreshTable()// 就比如这 refreshTable()是弹窗 2 里面的用于拼接数据列表的函数

    }});}

    // 确定(代码写在弹窗 3 中)

    // 弹窗 3 中的 JS 代码, 就是最上面那个图中的确定按钮的函数

    functioncomfirm(){

    // 获取 checkbox[name='check']的值

    vararr=newArray();

    $("input:checkbox[name='check']:checked").each(function(i){

    arr[i]=$(this).val();

    });

    $.Ajax({

    type:"post",

    dataType:'json',

    url:"/xx/xx/xx/checkChoise?budgetMainCode="+budgetMainCode,

    contentType:'application/json',

    data:JSON.stringify(arr),

    success:function(result){// 点击确定按钮之后, 后台业务代码出来成功之后的回调

    if(result.status==0){

    parent.layer.close(parent.layer.index);

    // 根据前面怎么弹出弹窗来选择索引去关闭弹窗, 比如前面弹窗 3 是通过 parent.layer.open 弹出来的,

    // 那么我就获取它的索引, 并将它关闭, 占坑!!!

    }

    if(result.message!=null){

    layer.msg(result.message)

    }

    },

    error:function(XMLHttpRequest,textStatus,errorThrown){

    layer.msg('{"status":"'+XMLHttpRequest.status+'","readyState":"'

    +XMLHttpRequest.readyState+'","textStatus":"'+textStatus+

    '","errorThrown":"'+errorThrown+'"}')

    }

    })

    }

    功能二:

    需求是点击弹窗 3 的某一条数据的 "项目模板" 然后选好该条模板在后台把这条模板插入到另外一个表里面

    , 这里面的另外一个表指的是弹窗 2 中的一个数据表格. 弹窗 2 的数据表格在弹窗 3 关闭的瞬间然后插入一条新的数据, 此时弹窗 2 的那个数据表格肯定要立马刷新// 弹窗 3(JS 代码写在弹窗 2 中)

    functionconfiguration(){

    parent.layer.open({// 占坑!

    type:2,

    title:"配置项目",

    content:"/xx/xx/xx/xx?budgetMainCode="+budgetMainCode,

    area:["80%","80%"],

    // 点睛之笔, 此端代码便是精髓之处, layui 监听到弹窗 3 的销毁 (窗口关闭) 之后回调了一个 end 函数,

    // 通过这个 end 函数我们就能刷新弹窗 2 的数据

    end:function(){

    refreshTable()// 就比如这 refreshTable()是弹窗 2 里面的用于拼接数据列表的函数

    }});}

    如图弹窗 2:

    确定之后选择了这条模板数据, 同时关闭弹窗 3, 效果如图:

    本文转载自: https://www.cnblogs.com/bbllw/p/10142419.html

    更多 web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!

    来源: http://www.css88.com/framework/layui/17567.html

    展开全文
  • layui 关闭弹出

    千次阅读 2018-05-24 10:29:37
    添加完数据后需要关闭弹出层,且刷新父页面显示最新的数据,总是忘记,留帖备注一下刷新父页面,如果是在弹出层里执行的数据更新等操作,需要刷新父页面window.parent.location.reload();关闭弹出层var index = parent...
  • layui点击按钮提示msg,关闭弹出层 <button type="button" onclick="save" class="layui-btn-radius layui-btn layui-btn-sm">保存 function save() { layer.msg('整改意见保存成功!', { icon: 1, time: ...
  • 今天小编就为大家分享一篇layer弹出的iframe层在执行完毕后关闭当前弹出层的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 弹出iframe窗体->在iframe中编辑后->确认提交并关闭窗体->在父级窗体中显示刚才选取的用户(刷新)。 layer.msg('编辑成功,即将跳转...'); setTimeout(function(){//设置定时器 parent.location.reload...
  • layui-弹出层中如何关闭窗口

    万次阅读 2018-05-16 19:42:29
    var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index)...//关闭当前页 // window.parent.location.replace(location.href)//刷新父级页面 window.parent.location.reload(); type -...
  • 今天再用layui写东西的时候遇到一个问题,就是在弹出层操作完之后不知道怎么在弹出层内操作关闭这个弹出层,查阅资料之后终于找到了解决的办法。下面两段出自官网文档。 一、layer.close(index) - 关闭特定层 关于...
  • layui关闭弹出层并刷新父页面

    千次阅读 2020-03-17 20:17:58
    今天工作有个需求layui弹出框的表单提交后,关闭当前弹出框,并且刷新父iframe页面。在网上找了许多资料才找到,记录一下: $.ajax({ async: false, type: "POST", url:'', headers: { ...
  • layui框架是一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,本文我们就来看一下layui框架中关于弹出关闭和刷新的问题。描述:主页面,弹出第一个弹框,第一个弹框中在弹出第二个...
  • 下图是普通的一个弹出层 layer.open({ type: 1, content:$('#aa'), title:'修改数据', skin:'layui-layer-molv', area: ['450px', '400px'], resize:false }); 下图是普通的一个表单提交...
  • 0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层) type: 1, title: "修改【" + obj.data.title + "】", area: ['80%', '90%'], shadeClose:true, content: $("#popUpdateTest") //引用的弹出层的...
  • 目前有A,B,C三层页面,A弹出B页面,B弹出C页面。 在C页面执行完操作后,需要将数据直接返回给A页面,并关闭C页面以及B页面。 实现思路 在A页面写一个回调方法,用于接受C页面的参数 //回调函数 function ...
  • 封装弹出层调用函数 /*弹出层*/ function getDiv(title, id, w, h) { if (title == null || title == '') { title = false; } if (w == null || w == '') { w = ($(window).width() * 0.9); } if (h == null || h ==...
  • //弹出框 layer.open({ type: 2, shadeClose: true, shade: 0.3, maxmin: true, area: ['80%', '95%'], title: '', content: '', end: function() { //刷新页面, location.reloa...
  • layui 关闭当前 iframe

    千次阅读 2019-12-04 14:36:38
    var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭
  • 关闭当前layer弹出层,点按钮再弹出一个layer弹出层 yes - 确定按钮回调方法 类型:Function,默认:null 该回调携带两个参数,分别为当前层索引、当前层DOM对象。如: layer.open({ content: '测试回调', yes: ...
  • //弹出层 layer.open({ ... content: url, //弹窗打开的url end:function(){ location.reload();//弹出层结束后,刷新主页面 } ... }); } 关闭弹窗后,只刷新当前更改的那一项。(关闭弹窗后重新再获取...
  • Layui弹出层自动关闭并刷新父页面

    千次阅读 2019-08-25 10:30:27
    弹出层提交表单 //监听提交 form.on('submit(enadd)', function(data) { $.ajax({ url : '../../user/UserInsertServlet', dataType : 'json', data : $(data.form).serialize(), type : 'post', ...
  • layui框架——弹出层layer

    万次阅读 多人点赞 2018-07-26 10:11:56
    两种调用方法: 1、引用独立的layer.js文件 引入好layer.js后,直接用即可 <script src="layer.js"></script>...2、调用layui中的layer模块 layui.use('layer', function(){ ...
  • layui弹出一个弹框,现在的想法是在弹出层内嵌一个页面,想通过内嵌页面里的操作关掉整个弹出层窗口,可以用 parent.layer.closeAll(); 方法实现
  • 目的:单击地图标注点,ajsx查询无数据弹出无数据并关闭当前弹出层 重点:js用到layer.close(layer.index); //layer.index最新弹出层 marker.addEventListener('click', function () { $.ajax({ type:"post", ...
  • //保存成功后关闭当前弹出层,刷新父级页面 子页面调用 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); 父页面,在打开弹出层的页面增加回调函数 end: function () { location....
  • layui获取弹出窗的值

    千次阅读 2019-07-20 23:02:15
    首先使用layui前端框架打开弹出窗,使用 layer.open方法 layer.open({ type: 2, title: '请输入收费信息', area: ['360px', '520px'], skin: 'layui-layer-rim', //加上边框 // co...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,429
精华内容 571
关键字:

layui关闭当前弹出