layui弹窗layer具体使用

layui弹窗layer具体使用

open

1.open弹窗打开默认全屏-------->full函数设置全屏

var index=layer.open({
    type: 2,
    title: title,
    area: ['980px', '600px'],
    content: url
});
layer.full(index);

2.open弹窗关闭之后刷新table页面 记住分页,防止刷新重载为列表第一页

var index = parent.layer.getFrameIndex(window.name);
//第二行代码,因为太长所以换行了
parent.layui.table.reload('couponThemeTable',
 {page: {curr: $(".layui-laypage-em").next().html()}});   //主要代码
parent.layer.close(index); //再执行关闭

couponThemeTable 为 table 的 id

table 页面代码

<table class="layui-hide" id="displayListTable" lay-filter="displayListTable"></table>

3.右上角关闭按钮监听事件cancel

layer.open({
      type: 2
     , area: ['800px', '500px']
     , title: 'XXXXXX'
     ,cancel: function(){
         // 右上角关闭事件的逻辑
         location.replace(location.href);
     }
});
发布了6 篇原创文章 · 获赞 1 · 访问量 53
App 阅读领勋章
微信扫码 下载APP
阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览