2021-06-22 layui弹窗layer

零碎記忆

已于 2022-08-08 18:03:53 修改

阅读量1.7k

点赞数 3

分类专栏：前端文章标签： html

于 2021-06-22 09:50:22 首次发布

原文链接：https://www.kancloud.cn/sansui/easyweb/2141312

版权

前端专栏收录该内容

42 篇文章 2 订阅

订阅专栏

本文详细介绍了如何在弹窗中实现最大最小化功能，通过设置`maxmin: true`可以启用该功能。同时，讲解了`ew-event`事件绑定用于关闭弹窗的不同方法，包括`closeDialog`、`closeIframeDialog`等智能关闭选项。另外，提供了关闭弹窗的备用方式，通过`parent.layer.close(index)`来关闭指定窗口。

摘要由CSDN通过智能技术生成

maxmin - 最大最小化。

ew-event - 关闭当前弹窗

maxmin - 最大最小化。

该参数值对type:1和type:2有效。默认不显示最大小化按钮。需要显示配置maxmin: true即可

layer.open({
            type: 2,
            maxmin: true,   // 最大最小化
            title: '标题',
            content: Feng.ctxPath + '/xxx/xxx',
            end: function () {
              //请求完成后的操作
              
            }
        });

LAYUI LAYER.OPEN弹层默认打开就是最大化

默认窗口最大化

				var index = layer.open({
					type: 2,
					maxmin: true,
                    title: '标题',
                    content: Feng.ctxPath + '/xxx/xxx',
				  });
				layer.full(index);
或者
				top.layui.layer.full(index);

ew-event - 关闭当前弹窗

参考来源：ew-event事件绑定

<button type="reset" class="layui-btn layui-btn-primary" ew-event="closeDialog">取消</button>

ew-event="closeDialog" 关闭当前弹窗(智能)

closeDialog	关闭当前弹窗(智能)
closeIframeDialog	关闭当前iframe层弹窗
closePageDialog	关闭当前页面层弹窗

closeThisTabs	关闭当前选项卡
closeOtherTabs	关闭其他选项卡
closeAllTabs	关闭全部选项卡

另一种关闭弹窗的方式

 // 取消按钮点击事件
    $('#cancel').click(function () {
        //关闭窗口
        var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
    });