Layui关于layer弹出层的使用心得

╰半橙微兮° 2022-12-06 05:27 220阅读 0赞

1.动态修改父级标题

使用layui.layer打开一个iframe页面，如果想在子页面修改父标题的内容也就是
    layer.open({title:"123"});title字段时，我们就需要拿到父级layer的索引
    var var index = parent.layer.getFrameIndex(window.name);
    将"123"修改成"456" parent.layer.title('456' , index);

2. 通过父级页面定义的按钮触发打开页面内相应的方法

function openLayer(stationId) {
     
        window.top.layer.open({
     
            type: 2,
            title: '父级标题',
            shadeClose:true,
            shade:0.8,
            area:['1050px', '640px'],
            content: 'url',
            btn:["按钮1", "按钮2", "按钮3"],
            btnAlign: 'c',
            yes:function(index, layero) {
    		// 调用iframe页面的index.test1方法
                parent.window["layui-layer-iframe" + index].test1(1);
            },
            btn2:function(index, layero) {
     
                // 调用iframe页面的index.test2方法
                parent.window["layui-layer-iframe" + index].test2(0);
    		    // 这里returnfalse 为了取消页面关闭 layui默认第二个按钮会关闭layer
                return false;
            },
            btn3:function(index, layero) {
     
    		    // 调用iframe页面的cancel方法
                parent.window["layui-layer-iframe" + index].cancel();
            }
            
        });
    }

3.在弹出层(子页面)如何优雅的关闭弹出层（不使用cancel按钮）

function close(){
        // 拿到父级页面索引
        var index = parent.layer.getFrameIndex(window.name);
        // 关闭
        parent.layer.close(index);
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，220人围观）

还没有评论，来说两句吧...

相关阅读

相关【前端-layui-layer】layui弹出层闪退，layer弹出层闪退，layer弹出层坑

今天用layui的弹出层插件，发现两奇怪的问题： 1、弹窗打开事件还未绑定到任何按钮，可是点击form表单中的按钮可以打开我定义的弹出层 2、绑定弹出层到按钮，打开弹窗闪退

我不是女神ヾ/ 2023年07月05日 11:53/ 0 赞/ 15 阅读

相关 Layui关于layer弹出层的使用心得

1.动态修改父级标题使用layui.layer打开一个iframe页面，如果想在子页面修改父标题的内容也就是 layer.open({title:"123"

╰半橙微兮°/ 2022年12月06日 05:27/ 0 赞/ 221 阅读

相关 layer 弹出层读取html,Layer弹出层动态获取数据的方法

前一阵子做了一个简单的小项目，用到了Layer弹出层(弹出层的用法就不多加赘述了，官网上都有详细的介绍，这里附上网址http://layer.layui.com/)，当时前后台

拼搏现实的明天。/ 2022年10月06日 11:00/ 0 赞/ 351 阅读

相关 layer 弹出层

使用方法：一、引入 <script type="text/javascript" src="js/jquery-1.8.0.min.js"></scrip

约定不等于承诺〃/ 2022年07月24日 07:03/ 0 赞/ 331 阅读

相关弹出层layer的使用心得

今天写一个弹出层插件layer的使用心得，推荐仔细阅读官方API。主要是说明如何在弹出的页面里改变title。 1.先附上主页面的代码： <%@ page la

怼烎@/ 2022年06月16日 06:19/ 0 赞/ 302 阅读

相关 layui弹出层闪退，layer弹出层闪退，layer弹出层坑

转载: http://www.mamicode.com/info-detail-1654730.html 今天用layui的弹出层插件，发现两奇怪的问题： 1、弹窗打开事

桃扇骨/ 2022年05月22日 04:30/ 1 赞/ 461 阅读

相关 layui——弹出层

$("createUser").click(function () { layer.open({ type:2

梦里梦外;/ 2022年05月12日 14:04/ 0 赞/ 375 阅读

相关 Layui的弹出层

1：先在HTML页面上放一个button按钮，给按钮ID，设置样式，按钮的作用就是弹出layui的open层： <button|type=“button”|id="O

逃离我推掉我的手/ 2022年01月22日 03:09/ 0 赞/ 833 阅读

相关使用layui实现弹出层

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

落日映苍穹つ/ 2021年09月28日 20:34/ 0 赞/ 655 阅读

相关 layer弹出层

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layu

清疚/ 2021年09月15日 07:26/ 0 赞/ 575 阅读